This video is available to students only

Setting up our development environment

Get the required tooling installed for developing our library.

For this course, we'll need a few packages installed on our computer.

I use Windows, Powershell, Firefox, and Visual Studio Code for development. All the packages we need can be installed on any operating system, but I'll be showing you how to install them using Windows. Refer to each package's website for information on how to install them on macOS or Linux.

This course will require:

  • NodeJS/npm

  • Yarn

  • Git

  • A web browser (Chrome, Firefox, Edge, etc)

  • A terminal (Bash, Powershell, ZSH, etc)

  • A code editor (VSCode, Vim, Emacs, etc)


NodeJS is a JavaScript runtime that allows us to execute JavaScript on our computer without a web browser. Out of the box, installing NodeJS will also install npm (Node Package Manager). We'll be using these technologies heavily, so let's get them installed.

Navigate to the NodeJS website, download the latest long-term-support (LTS) installer for your operating system, and follow the installation wizard. If you prefer using a package manager refer to the NodeJS package manager documentation.

Once the installation is complete, open a terminal and run node -v to check if NodeJS is installed.

The terminal showing nodeJS v14.16.0 installed

This page is a preview of Creating React Libraries from Scratch

Start a new discussion. All notification go to the author.