chetanraj
/ react-app-package.js
Last active
October 8, 2020 09:52
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "app-name", | |
| "version": "0.0.1", | |
| "dependencies": { }, | |
| "devDependencies": { } | |
| "scripts": { | |
| "start": "react-scripts start", | |
| "build": "react-scripts build", | |
| "test": "react-scripts test", | |
| "eject": "react-scripts eject", |
chetanraj
/ react-recoil-4.js
Created
August 10, 2020 17:45
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import {atom, selector, useRecoilValue} from 'recoil'; | |
| const nameStateAtom = atom({ | |
| key: 'nameStateAtom', | |
| default: '' | |
| }); | |
| const nameStateSelector = selector({ | |
| key: 'nameStateSelector', | |
| get: ({get}) => get(nameStateAtom) | |
| }); |
chetanraj
/ react-recoil-3.js
Created
August 10, 2020 17:43
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export const nameStateSelector = selector({ | |
| key: "nameStateSelector", // unique ID | |
| get: ({ get }) => { | |
| const text = get(nameStateAtom); | |
| return text; | |
| }, | |
| }); |
chetanraj
/ react-recoil-2.js
Created
August 10, 2020 17:41
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const Input = () => { | |
| const [name, setName] = useRecoilState(nameStateAtom); | |
| const onChange = (event) => { | |
| setName(event.target.value); | |
| }; | |
| return ( | |
| <div className="input"> | |
| <input placeholder="Enter name" type="text" value={name} onChange={onChange} /><br /> |
chetanraj
/ react-recoil-1.js
Created
August 10, 2020 17:38
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| export const nameStateAtom = atom({ | |
| key: "nameStateAtom", // an unique id | |
| default: "", // default value | |
| }); |
chetanraj
/ withexpression.js
Created
May 2, 2020 15:14
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| let user = null; | |
| let age = 12; | |
| let isTeenage = user?.[value++]; | |
| console.log('isTeenage :: ', isTeenage); | |
| // Output | |
| isTeenage :: undefined |
chetanraj
/ withfunction.js
Created
May 2, 2020 15:13
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class Operation { | |
| constructor(a, b) { | |
| this.a = a | |
| this.b = b | |
| } | |
| getSum() { | |
| return this.a + this.b | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| let theValue; | |
| if(response && | |
| response.data && | |
| response.data.answer && | |
| response.data.answer.value) { | |
| theValue = response.data.answer.value; | |
| } else { | |
| theValue = 'JavaScript is BAE 💛❤️'; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const response = { | |
| "data": { | |
| "query": "What is javascript ?", | |
| "answer" : { | |
| "value": "JavaScript is 💛" | |
| } | |
| } | |
| } |
chetanraj
/ rangeslider.html
Created
January 28, 2020 17:57
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta content="width=device-width, initial-scale=1" name="viewport"> | |
| <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css" rel="stylesheet" | |
| type="text/css" /> | |
| <link href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css"> | |
| <link rel="stylesheet" type="text/css" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> |