Anna Coding Front-end Reading in Depth Week — 20
1. An in-depth guide to performance optimization with webpack
2. OpenCV directly in the browser (webassembly + webworker)
3. CSS background image tutorial with examples
4. CSR, SSR, and SSG on NextJS
An in-depth guide to performance optimization with webpack
This article demonstrates based on the React + webpack 4 boilerplate project, and also proposes several ways to optimize Webpack performance.
https://blog.logrocket.com/guide-performance-optimization-webpack/
OpenCV directly in the browser (webassembly + webworker)
The article describes how to use the OpenCV library directly on the browser. For this, the author compiles OpenCV into Webassembly and then runs it in Webworker.
CSS background image tutorial with examples
The background image is probably one of the CSS properties which all of us, front-end developers, used at least a few times in our careers. Most people think that there can’t be anything unusual about background-image, but after a quick research, I have a different conclusion.
https://www.blog.duomly.com/css-background-image-tutorial-with-examples
CSR, SSR, and SSG on NextJS
NextJS 9.3 brings Static Site Generation to the NextJS platform. Which is really exciting because NextJS now supports three different rendering modes.
- Client Side Rendering (CSR)
- Server Side Rendering (SSR)
- Static Site Generation (SSG)
This article explains these three modes and when to use them. If you like video better you should check out this companion video.
