Throughout this course you'll get to learn a bit about basic React concepts and how you can wield them to create your own web app. The goal of this course is to give you a brief overview of React. Just enough for you to feel comfortable about reading and writing React code in the wild 🔥.
Additionally, the course is also meant to give you an even briefer introduction to general web development. You'll get to learn a bit about how we've arrived at the present situation regarding "Modern Web Development". The goal of this part is to allow you to orient yourself and place your newfound knowledge into a bigger picture.
After completing this course you'll be able to:
- Creating and using React components
- Handling user interaction with React
- Fetching and handling data from API using React
- Use relevant terms when talking about React
- Find further reading material about React
The following list of programs are required for you to go through this course:
- NodeJS
- An IDE or code editor for web development (e.g. Visual Studio Code)
Also, although not required, you should ideally also be familiar with:
- Syntax of C-family languages (e.g. C, Java and JavaScript)
- Some concepts from functional programming languages:
- General Web Development
- What is the Web?
- What is "Modern Web Development"?
- How did "Early Web Development" look like?
- Brief journey from "early" to "modern" web development
- React
- What is React?
- Why use React?
- How to use React?
- How to create a React project?
- Basic concepts
- Elements
- Components
- Hooks
- Asynchronous operations with React
- Callbacks
- Promises
async-await
- Nice-to-know stuff
- Project structure
- Libraries
View the presentation live at https://itera.github.io/web-and-react-intro/.
Clone this repository and run the following commands:
npm ci
npm start
Finally, navigate to the following URL in your browser to see the presentation: http://localhost:1234.