Nitay Neeman nitayneeman
nitayneeman
/ introducing-string-matchall-method-in-ecmascript-2020.js
Created
June 7, 2020 04:04
This file contains hidden or 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 regex = /t(e)(st(\d?))/g; | |
| const result = 'test1test2'.match(regex); | |
| console.log(result); // ['test1', 'test2'] |
nitayneeman
/ combining-server-side-rendering-and-responsive-design.example.jsx
Created
February 16, 2020 17:57
This file contains hidden or 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
| // Styles | |
| @media screen and (min-width: 769px) { | |
| .mobile-layout { | |
| display: none; | |
| } | |
| } | |
| @media screen and (max-width: 768px) { | |
| .desktop-layout { | |
| display: none; |
nitayneeman
/ combining-server-side-rendering-and-responsive-design.example.js
Last active
February 16, 2020 17:58
This file contains hidden or 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
| // Server | |
| const uaParser = require('ua-parser-js'); | |
| const userAgent = uaParser(req.headers['user-agent']); | |
| const { type } = userAgent.getDevice(); | |
| const html = ReactDOMServer.renderToString( | |
| <DeviceContext.Provider type={{ type }}> | |
| <App /> | |
| </DeviceContext.Provider> |
nitayneeman
/ combining-server-side-rendering-and-responsive-design.example.jsx
Last active
February 16, 2020 20:19
This file contains hidden or 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
| // Styles | |
| .layout { | |
| width: 80vh; | |
| } | |
| @media screen and (max-width: 768px) { | |
| .layout { | |
| width: 100vh; | |
| } | |
| } |
nitayneeman
/ getting-to-know-puppeteer.example.js
Created
July 13, 2019 14:06
This file contains hidden or 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
| [ | |
| { | |
| url: 'https://pptr.dev/', | |
| type: 'js', | |
| usedBytes: 149, | |
| totalBytes: 150 | |
| }, | |
| { | |
| url: 'https://www.googletagmanager.com/gtag/js?id=UA-106086244-2', | |
| type: 'js', |
nitayneeman
/ getting-to-know-puppeteer.example.js
Last active
July 12, 2019 12:25
This file contains hidden or 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
| { | |
| "traceEvents":[ | |
| { | |
| "pid": 21975, | |
| "tid": 38147, | |
| "ts": 17376402124, | |
| "ph": "X", | |
| "cat": "toplevel", | |
| "name": "MessageLoop::RunTask", | |
| "args": { |
nitayneeman
/ getting-to-know-puppeteer.example.js
Created
July 12, 2019 11:14
This file contains hidden or 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 puppeteer = require('puppeteer'); | |
| (async () => { | |
| const browser = await puppeteer.launch(); | |
| const page = await browser.newPage(); | |
| // Starts to record a trace of the operations | |
| await page.tracing.start({ path: 'trace.json' }); | |
| await page.goto('https://pptr.dev'); |
nitayneeman
/ getting-to-know-puppeteer.example.js
Last active
July 12, 2019 08:54
This file contains hidden or 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
| { | |
| Timestamp: 6400.768827, // When the metrics were taken | |
| Documents: 13, // Number of documents | |
| Frames: 7, // Number of frames | |
| JSEventListeners: 33, // Number of events | |
| Nodes: 51926, // Number of DOM elements | |
| LayoutCount: 6, // Number of page layouts | |
| RecalcStyleCount: 13, // Number of page style recalculations | |
| LayoutDuration: 0.545877, // Total duration of all page layouts | |
| RecalcStyleDuration: 0.011856, // Total duration of all page style recalculations |
nitayneeman
/ getting-to-know-puppeteer.example.js
Created
July 12, 2019 08:10
This file contains hidden or 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 puppeteer = require('puppeteer'); | |
| (async () => { | |
| const browser = await puppeteer.launch(); | |
| const page = await browser.newPage(); | |
| await page.goto('https://pptr.dev'); | |
| await page.waitForSelector('title'); | |
| // Returns runtime metrics of the page |
nitayneeman
/ getting-to-know-puppeteer.example.js
Last active
July 12, 2019 08:17
This file contains hidden or 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
| { | |
| timeOrigin: 1562785571340.2559, | |
| timing: { | |
| navigationStart: 1562785571340, | |
| unloadEventStart: 0, | |
| unloadEventEnd: 0, | |
| redirectStart: 0, | |
| redirectEnd: 0, | |
| fetchStart: 1562785571340, | |
| domainLookupStart: 1562785571347, |