Skip to content

Instantly share code, notes, and snippets.

View ovpv's full-sized avatar
👀
waiting for the right opportunity

Vishnuprasad Venugopal ovpv

👀
waiting for the right opportunity
View GitHub Profile
@ovpv
ovpv / pdf-viewer.service.ts
Created March 29, 2019 10:30
Service in ionic 4 to provide method for downloading and opening a pdf file
import { File } from "@ionic-native/file/ngx";
import { FileTransfer } from "@ionic-native/file-transfer/ngx";
import { FileOpener } from "@ionic-native/file-opener/ngx";
import { Injectable } from "@angular/core";
@Injectable({
providedIn: "root"
})
export class PdfViewerService {
fileTransfer: FileTransferObject;
@ovpv
ovpv / home.page.html
Created March 29, 2019 12:02
Homepage html click method call
<ion-header>
<ion-toolbar>
<ion-title>
Ionic Blank
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content>
<div class="ion-padding">
@ovpv
ovpv / home.page.ts
Created March 29, 2019 12:47
home page ts file after calling pdf download and view service
import { File } from "@ionic-native/file/ngx";
import {
FileTransfer,
FileTransferObject
} from "@ionic-native/file-transfer/ngx";
import { FileOpener } from "@ionic-native/file-opener/ngx";
import { Injectable } from "@angular/core";
@Injectable({
providedIn: "root"
@ovpv
ovpv / app.module.ts
Created March 29, 2019 12:55
app.module file after including all packages and services required for app
import { PdfViewerService } from "./services/pdf-viewer.service";
import { FileOpener } from "@ionic-native/file-opener/ngx";
import { File } from "@ionic-native/file/ngx";
import { FileTransfer } from "@ionic-native/file-transfer/ngx";
import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { RouteReuseStrategy } from "@angular/router";
import { IonicModule, IonicRouteStrategy } from "@ionic/angular";
import { SplashScreen } from "@ionic-native/splash-screen/ngx";
@ovpv
ovpv / app.js
Created May 12, 2019 13:27
Array to object websocket connect and foreach
componentDidMount() {
this.socket = new WebSocket(ConfigData.url);
this.socket.onmessage = event => {
let Data = JSON.parse(event.data);
Data.forEach(([name, price]) => {
...
});
};
}
@ovpv
ovpv / App.js
Created May 12, 2019 13:37
inside Data.forEach
Data.forEach(([name, price]) => {
this.setState(prevstate => ({
data: {
...prevstate.data,
[name]:
}
}));
});
@ovpv
ovpv / App.js
Created May 12, 2019 13:53
show Socket data in render method
render() {
const { data } = this.state;
return (
<div className="App">
<h2>Hello world</h2>
{Object.keys(data).map((key, index) => (
<div key={index}>
<div>{key}</div>
<div>{data[key]}</div>
@ovpv
ovpv / webpack.config.js
Created August 3, 2019 16:22
Webpack config for React SSR
const path = require("path");
module.exports = [
{
entry: {
client: "./src/client/index.js"
},
output: {
path: path.resolve(__dirname, "dist"),
filename: "[name].js"
@ovpv
ovpv / src - server.js
Created August 4, 2019 15:51
react ssr server js hello world file
import express from 'express';
const app = express()
const port = 3000
app.get('/', (req, res) => res.send('Hello World!'))
app.listen(port, () => console.log(`Example app listening on port ${port}!`))
@ovpv
ovpv / package.json
Created August 4, 2019 15:55
React ssr package.json script
"scripts": {
"start": "npm-run-all --parallel watch:build watch:server",
"watch:build": "webpack --watch",
"watch:server": "nodemon \"./server.js\" --watch \"./ \""
},