Are you over 18 and want to see adult content?
More Annotations
A complete backup of artscouncil-tokyo.jp
Are you over 18 and want to see adult content?
A complete backup of zeroonetwenty.com
Are you over 18 and want to see adult content?
A complete backup of militaryhire.com
Are you over 18 and want to see adult content?
A complete backup of planetparfum.com
Are you over 18 and want to see adult content?
A complete backup of visitzandvoort.nl
Are you over 18 and want to see adult content?
A complete backup of aulasdeinglesporskype.com.br
Are you over 18 and want to see adult content?
A complete backup of stevenpinker.com
Are you over 18 and want to see adult content?
A complete backup of visualeconomics.com
Are you over 18 and want to see adult content?
A complete backup of bottomline.co.jp
Are you over 18 and want to see adult content?
Favourite Annotations
A complete backup of xn--eckybzahmsm43ab5g5336c9iug.com
Are you over 18 and want to see adult content?
A complete backup of bigguestposting.com
Are you over 18 and want to see adult content?
A complete backup of minmandsitalienskekoekken.dk
Are you over 18 and want to see adult content?
A complete backup of kitengestore.com
Are you over 18 and want to see adult content?
A complete backup of dandybagusprasetyo.blogspot.com
Are you over 18 and want to see adult content?
A complete backup of facilitando-a-historia.blogspot.com
Are you over 18 and want to see adult content?
A complete backup of britishessentials.hk
Are you over 18 and want to see adult content?
A complete backup of jameshalford.wordpress.com
Are you over 18 and want to see adult content?
Text
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simpleGA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops.ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simpleGA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops.ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobx WEB PERFORMANCE CONSULTING Anton Lavrenov is a freelance web engineer. Why web-performance is important? Nobody likes slow apps. Unhappy users may abandon your app. Smooth experience, especially on large web-application makes usershappy.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type:GA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops.ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type:GA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops.GA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobxANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simpleGA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops.ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simpleGA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops.ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobx WEB PERFORMANCE CONSULTING Anton Lavrenov is a freelance web engineer. Why web-performance is important? Nobody likes slow apps. Unhappy users may abandon your app. Smooth experience, especially on large web-application makes usershappy.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simpleGA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops.ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simpleGA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops.ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobx WEB PERFORMANCE CONSULTING Anton Lavrenov is a freelance web engineer. Why web-performance is important? Nobody likes slow apps. Unhappy users may abandon your app. Smooth experience, especially on large web-application makes usershappy.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
GA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobxANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
GA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobxANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
GA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobxANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
GA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobxANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
GA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobxANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
GA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobxANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple. canvas. CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
GA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobxANTON LAVRENOV BLOG
react Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
react Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
JAVASCRIPT LOOPS
How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we write classical synchronous loops. USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style.That is awesome.
ANTON LAVRENOV BLOG
react Optimizing React application with mobx. From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple CASE STUDY: DESIGN EDITOR FOR VIDEO STREAMS Konva.Animation is working with requestAnimationFrame it means it is trying to draw frames as fast as possible. Ideally, it is about 60 FPS. But do we need that large FPS for streaming? Probably your screen/webcam has lower FPS. Also a sending a stream into the backend with 60 FPS doesn’t make much sense. CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT When I tried to emulate low-level device on my MacBook the performance for drag&drop increased a lot from 5-10 fps to 50-60 fps! Another way to improve the widget is to make it as small as possible in terms ofdependencies.
ANTON LAVRENOV
Anton Lavrenov is a freelance web engineer. "Anton is a terrific developer. Anyone who is able to create, maintain and support an open-source project like KonvaJS is a mindful and caring developer. OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message.. Optimizing react-redux store for high performance updates. How to structure your redux store to improve rendering performance? SUBLIME BETTER TYPESCRIPT Where can I find out the path to tsc binary? In Linux which command will tell you where a command originates from. In terminal type: CANVAS - ANTON LAVRENOV BLOG - LAVRTON.COM case study Case study: Design Editor for Video Streams. The post describes steps to build a video editor prototype for organizing video streaming from the browser. TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Let’s run test script for the app without any optimisations. On my machine, an update will take ~21ms. This time doesn’t include canvas drawing, only redux + react code because react-konva is drawing objects only on the next animation frame tick. We are not interested in a canvas optimisation right now, it can be a subject of anotherpost.
GA VISUALIZATION
User colors: desktop, tablet, mobile. Visualization shows realtime data. Click on page (planet) to see more details. To save analytics quota visualization update every 15 sec.ANTON LAVRENOV
From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple Optimizing React application with mobx This app works best with JavaScript enabled.ANTON LAVRENOV BLOG
I HELP COMPANIES CREATE GRAPHICAL WEB-APPLICATIONS.* Home
* Consulting
* Canvas
* Javascript
* React
case study
CASE STUDY: IMAGE LABELING WITH JAVASCRIPT Need to label images to train a neural network? This post will describe how to design a system for labeling objects on an image by ahuman…
5 min read
case study
CASE STUDY: SEATS RESERVATION WIDGET WITH JAVASCRIPT Do you want to make a seat booking platform on your website? This post will describe steps to design a seat reservation system for music…8 min read
javascript
JAVASCRIPT LOOPS - HOW TO HANDLE ASYNC/AWAIT How to run async loops in sequence or in parallel? Before doing asynchronous magic with loops I want to remind you how we writeclassical…
3 min read
react
OPTIMIZING REACT APPLICATION WITH MOBX From 1.5 sec to 50–100ms (per update) There is my short story about how I improved performance of the web-app by 10x with just a simple…3 min read
canvas
HIT REGION DETECTION FOR HTML5 CANVAS AND HOW TO LISTEN TO CLICK EVENTS ON CANVAS SHAPES Do you need a simple onClick for your canvas shapes? But canvas doesn’t have API for such listeners. You can listen to events onlyon whole…
5 min read
react
OPTIMIZING REACT-REDUX STORE FOR HIGH PERFORMANCE UPDATES Looking of help with react performance? Send me a message. Optimizing react-redux store for high performance updates How to structureyour…
3 min read
javascript
PROGRESSIVE LOADING FOR MODERN WEB APPLICATIONS VIA CODE SPLITTING Progressive loading for modern web applications via code splitting Are your users tired of waiting when your app is loading and they close…6 min read
react
TIPS TO OPTIMISE RENDERING OF A SET OF ELEMENTS IN REACT Looking of help with react performance? Send me a message. Tips to optimise rendering of a set of elements in React There is a guideto…
6 min read
react
USING REACT WITH CANVAS ELEMENT How to use React with canvas element? We have React that helps us to work with massive mutable DOM in a nice immutable functional style…5 min read
Anton Lavrenov Blog © 2020Latest Posts TwitterRSS
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0