Get React "recipes" to solve the most common challenges that React developers face every day, such as UI animation, rendering, and routing.
(typing on keyboard) - [Instructor] Welcome to the React Recipes course by PACKT Publishing. My name is Diego Muracciole and I'm going to be your instructor in this course. I've been working with Reacts on Flux applications for over three years. `And I also wrote some Open Source projects related with React that you can find in my GitHub accounts. You also have my Twitter account, in case you have any questions, or want to talk about something, you can reach me there. As a software developer, I'm obsessed about good programming practices and writing elegant code.
And I will try to pay special attention to those points throughout the course. So, let's take a look at the course overview. There are many good tutorials out there about React, but most of them lack on covering how to build a entire project with React. They also lack talking about good practices and writing code in a maintainable way. That's why I decided to write this course. In this course, I gathered all the techniques and good practices I learned throughout these years. This course is for developers who are competent with Java Script and are looking to include React development workflow.
If you know React already, don't worry. You will find in this course many useful tips and good practices that you can use in your daily basis. And the end of the course, it's expected to you to have a fully functional and tested React Application that you have built on you own. Have a basic understanding of what React Internals are and how they work, in order to know better how to use React. And also, see different approaches for solving one problem. This will make you gain critical eye to choose from one tool from another in each scenario that you may face in the future.
So, what we'll learn: first, we're going to talk about how to structure a scalable React Application. Then, we are going to move forward into writing real React code. The third section is about the styling components. We're going to compare different approaches and we're going to use one called Functional CSS. Then we are going to talk about routing. We're going to create, use, and navigate through them inside out React Application. Last, but not least, we're going to talk about testing, which is not the most popular subject in in web development, but it's also very important.
- Structuring React projects
- Creating and mounting the root component
- Composing components for more complex UI
- Using state to making components dynamic