mohole / react-workshop

React 101

React Workshop - 15+29/06/2022 @ Mohole

Requirements

• Node.js v16+
• VS Code
• React developer tools (browser extension)

What we are using

• React v18 - reactive UI library
• React Router v6 - client side routing for React
• Vite.js - project bootstrapping
• TailwindCSS - CSS as utility classes
• DaisyUI - UI components built on top of TailwindCSS

Repository structure

Folder	Description
(root)	main config files
/fundamentals	React introduction source files
/examples	Out of scope examples
/src	web app source files

API

The API consumed by the application in the /src folder is https://mohole-react-backend.herokuapp.com/excursions , the project behind it is the backend branch.

Getting started

Clone the repo

$ git clone https://github.com/mohole/react-workshop

change to project folder

$ cd react-workshop

install the dependencies

$ npm ci

start the local development server

$ npm run dev

you can now check your application at http://localhost:3000.

License

Released under the MIT License.