Welcome to React for beginners: a course for web developers to learn React.js even if you have never written any React.js in your life.
In this class, we are going to be starting at the very beginning, with no student left behind! React can look a bit strange to write at first because it is a mix of HTML and JavaScript, but I am going to teach you ways to remember when to write JavaScript and when to write HTML (Or what is known as JSX).
We will learn about React syntax, importing from other components, splitting components into new files and importing them, extending components, component props and state, click events, and how to build in an API request when a button is clicked.
If that sounded advanced and scary, do not worry I will teach you everything you need to know about React.js to get you up and running quickly.
Why learn React.js:
React is a JavaScript library that lets you make insanely interactive and responsive websites and applications. When a user types or clicks on something, your JavaScript might want to take some form of action. React makes that easier to write and maintain. Plus it is extendable, meaning you can write a little bit of code and reuse it everywhere so you are not spending all day writing code.
But more than that, React is a high demand skill. Lots of development companies, startups and big companies like Netflix use React — it is how they can create such amazing user interfaces like the Netflix movie catalog.
Everything that can be created in React can be created using vanilla JavaScript, but React makes it easy to maintain and easy to read — it turns long spaghetti JavaScript into a nice programming language that is easy to work on with your peers.
Who uses React.js:
Pretty much everybody is React these days. Whether it is a small part of a website that has complex logic, or an entire website like Netflix. Pretty much everybody and their dogs are writing React these days. And that is why it is important to learn.
Your project:
Throughout this course, we are going to create a random Star Wars character generator using an API request. Together we will build out the fundamental parts of an application like that.
Then as your final project, you are going to swap out the API request for a different endpoint, and add images to your project to make it more visually appealing.
–
SKILLS YOU WILL GAIN
Learn about React syntax
Learning about the components, props and state.
WHAT YOU WILL LEARN
Learn about how the cick events work.
Learn how to build in an API request when a button is clicked.