React
A JavaScript library for building user interfaces
Key links
- 🏠Homepage: https://reactjs.org/
- đź“— Docs: https://reactjs.org/docs/
- 👨‍💻 Repo:
Uncategorized Links
Documentation
Tutorials
- React in 100 seconds on YouTube
-
UI input examples
- On React School
What is React?
React is a JavaScript library for building user interfaces.
React allows us to create reusable UI components, whether adding a component to a plain HTML page or to build the entire page and page routing with React.
React is used to build Single-Page Applications rendered on the client side, but it can also be used for Server-side rendering.
From the tutorial in the docs:
React is a declarative, efficient, and flexible JavaScript library for building user interfaces.
It lets you compose complex UIs from small and isolated pieces of code called “components”.
Quickstart repos
-
- The traditional Node-based app.
- Based on the Create React App CLI output.
- CI deploy flow with GitHub Actions.
- Hosted with GitHub Pages.
-
- A React app using Node and Express for server-side rendering.
-
- A React app without Node or a build step.
-
- A React app built using Deno, rather than Node. No
package.json
- imports are done by CDN URL. No need for Webpack / Babel for JSX or a TypeScript compiler. All that and more is handled by Deno.
- A React app built using Deno, rather than Node. No
-
- Using Vite as a build tool instead of Webpack.
Related topics
Related content
Learn more about React in my other projects:
Documentation
Some pages from the docs I have used before.
- Getting Started starting with Hello World and then building a simple product widget.
- Tutorial with a more formal introduction and where you build a game. “This tutorial is designed for people who prefer to learn by doing”
- render props
- hooks
- higher-order components
- Component State FAQ
React is a declarative, efficient, and flexible JavaScript library for building user interfaces. It lets you compose complex UIs from small and isolated pieces of code called “components”.