An introduction to Gatsby that is a robust and fast static site generator

Image for post
Image for post
Image credit: Michael Foster
  • If you’re learning React or creating a new single-page app, use Create React App. …


Details of Node.js 15 new features, including throw on unhandled rejections and V8 8.6 language features

Image for post
Image for post
Image credit: Author
  • Throw on unhandled rejections
  • V8 8.6 language features
  • NPM 7
  • Experimental support for QUIC
  • N-API Version 7
  • Refinement of the Async Local Storage APIs

Use NVM to Explore Node


Detailed explanations for npm 7 features, including peer dependencies, package and yarn lock files, workspaces, etc.

decorative: green leafy trees framing a blue sky with a rainbow
decorative: green leafy trees framing a blue sky with a rainbow
Image credit: Author
  • Peer dependency automatic installation
  • Package and yarn lock files enhancement
  • Workspace support
  • Use of package.exports
  • npx changes
  • npm CLI command changes

Use NVM to Explore npm


Set up NVM with Node.js 15 and upgrading NPM 7

Image for post
Image for post
Photo by Mockaroon on Unsplash

Install NVM


An introduction to dark mode and a number of implementation approaches

light pastel lily against a dark background
light pastel lily against a dark background
Image credit: Author


A development guide to building React components with the latest technologies

A picturesque suburban home
A picturesque suburban home
Image credit: Author
npx create-react-app my-app
cd my-app
npm start


An in-depth guide on how to upgrade Create React App-based projects to the latest version

Autumn leaves
Autumn leaves
Photo by the author.

Upgrade react-scripts


An interview guide for DOM, document fragments, virtual DOM, React fragments, incremental DOM, and shadow DOM

A macro shot of a rope tied into a knot.
A macro shot of a rope tied into a knot.
Photo by Manuel Sardo on Unsplash


A development guide to building React components with the latest technologies

Image for post
Image for post
Image credit: Author


A hands-on guide on how to build a Web application using HTML, CSS, and JavaScript

Image for post
Image for post
Image credit: Author

VSCode Preparation

  • Create a directory, named as js.
  • Create two empty files in the directory: index.html and style.css.

About

Jennifer Fu

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store