WDCC React Workshop Examples Repository

This repository contains example code demonstrating various React features.

Index

Vite+React: Shows the default output of running npm create vite@latest, selecting React and JavaScript + SWC as options, as of February 2023.
Components, Logic & Loops: Demonstrates simple React components with props, use of the ternary operator (?) and && for conditional rendering, and iteration using the map() function.
CSS Imports: Demonstrates how to import and use raw CSS files in react webapps.
CSS Modules: Demonstrates how to import and use CSS modules.
useState() Hook: Demonstrates how to give components local state using the useState() hook.
useEffect() Hook: Demonstrates how to have components give side-effects using the useEffect() hook.
Routing Examples: Demonstrates basic use of React Router, version 6 (NOT backwards compatible with older versions).
More Routing Examples: Demonstrates mode advanced use of React Router.
Consuming APIs: Demonstrates how we can use the axios library to make HTTP requests to our backend APIs.

Name		Name	Last commit message	Last commit date
Latest commit History 2 Commits
example-01-vite-default		example-01-vite-default
example-02-components-logic-loops		example-02-components-logic-loops
example-03-css-imports		example-03-css-imports
example-04-css-modules		example-04-css-modules
example-05-usestate		example-05-usestate
example-06-useeffect		example-06-useeffect
example-07-routing-01		example-07-routing-01
example-08-routing-02		example-08-routing-02
example-09-api-calls		example-09-api-calls
.gitignore		.gitignore
README.md		README.md