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 / 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 \"./ \""
},
@ovpv
ovpv / app.js
Created August 6, 2019 05:22
App component to be used in common by client and server side
import React, { Component, Fragment } from "react";
export default class App extends Component {
render() {
return (
<Fragment>
<div>Hello World</div>
</Fragment>
);
@ovpv
ovpv / client - index.js
Last active August 6, 2019 05:31
React SSR client index file
import React from "react";
import { hydrate } from "react-dom";
hydrate(
<div>Hello World</div>,
document.getElementById("app")
);