Hands on ReactJS

On client side, this is a project to practices ReactJS using ReactRouter, Hooks, Context API, Jest (Testing), Typescript based on react create app using typescript template

On server side, the goal is to apply ServerSide Rendering (SSR) using Vite and Express

Print

HomeView

Client project scripts

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.

yarn test:covarage

Checks the test coverage in the project.

yarn build

Builds the app for production to the build folder.

Server project scripts (Server Side Rendering)

yarn dev

Runs the app in the development mode.
Open http://localhost:4000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn start

Runs the app in the production mode.

yarn build

Builds the app for production to the dist folder.