An open API service indexing awesome lists of open source software.

https://github.com/shevchenkool/react1


https://github.com/shevchenkool/react1

Last synced: 27 days ago
JSON representation

Awesome Lists containing this project

README

        

# Course: Introduction to React Programming

Welcome to the repository "React 1"! This repository is an intermediate level React programming course.

## Course Content

1. **Introduction to React**
We will write our first applications in React and introduce the main principles of this modern framework.
2. **Conditional display**
We will learn how to build CSS classes and how to decide which part of JSX we want to display.
3. **Displaying lists**
We'll show you how to display lists in React components.
4. **Events, status**
We'll add state to our components so we can change page content based on user interaction.
5. **Form elements, effects**
We will include form elements in our React applications and show how to use effects to call APIs.
6. **Child parent communication**
We will introduce the basic scenarios of communication between components and their use in practice.
7. **Advanced communication**
More complex types of communication between components and how to deal with them
8. **React Router**
Using the router, we can make a multi-page application in React.
9. **Library UI**
We will show the composition of components and work with UI libraries.
10. **Fundamentals of application architecture**
How to think about the structure of the application even before we even start programming.
11. **Construction patterns**
We'll go over some slightly more complicated building patterns that you'll come across often.
12. **Project: LeviExpress, first part**
We will practice everything we learned in React on a so-called "real life" project.
13. **Project: LeviExpress, part two**
We will complete the basic version of LeviExpress and dare to add extended functionality.

## How to Use the Repository

1. Clone the repository: `git clone https://github.com/ShevchenkoOl/react1.git`

2. use ```npm install``` command to install package dependencies

3. Navigate to the relevant section to explore the corresponding material.

4. Open files and study the provided code examples.

## Author

This repository was created and is maintained by [Oleksii Shevchenko](https://shevchenkool.github.io/portfolio/). For questions, suggestions, or feedback, please reach out via [email](mailto:[email protected]) or connect on [LinkedIn](https://linkedin.com/in/oleksii-shevchenko-535ab61b8).

If you have any questions or suggestions, feel free to create an [issue](https://github.com/ShevchenkoOl/Web-Automation-Dev/issues) or submit a [pull request](https://github.com/ShevchenkoOl/Web-Automation-Dev/pulls).

**Best of luck with learning React!**