React

A JavaScript library for building user interfaces

→ reactjs.org, GitHub

Learn

Key elements

• React.Component

• JSX is a syntax extension to JavaScript. It is recommended to use it with React to describe what the UI should look like. JSX produces React “elements”.

Quickstart

• Hello world

• Create React App (Getting Started)

# create the application and launch it (starts the development server)
npx create-react-app my-app
cd my-app
npm start

# later on...

# bundles the app into static files for production
npm run build

# starts the test runner
npm test

# removes the tool and copies build dependencies, configuration files and scripts into the app directory (no coming back)
npm run eject

Tutorials

• Getting started

• Intro to React

Books

• DigitalOcean: How To Code in React.js eBook - July 30, 2021

Testing

• Testing Overview

• Testing Recipes

• Test Utilities

Jest

Jest is a delightful JavaScript Testing Framework with a focus on simplicity.

→ jestjs.io (Testing React Apps)

Install dev dependancies: testing-library/react, testing-library/jest-dom

npm install --save-dev @testing-library/react @testing-library/jest-dom