How to Build Web Applications with React

ACCESS the FULL COURSE here: https://academy.zenva.com/product/full-stack-web-development-mini-degree/?zva_src=youtube-fullstackmd

TRANSCRIPT

Welcome to the ReactJS course on Zenva Academy. My name is Rasheed Bustamam and I'm a full-stack engineer. I'll be taking you through your journey through React. Little bit about myself. My full name is Abdul-Rasheed Bustamam. You can call me Rasheed. I am a full-stack engineer and I have experience in multiple server-side and client-side frameworks. Including a few internal frameworks I have developed for usage for myself and my colleagues. I've built a lot of interesting projects over my time, but the most interesting ones are an SVG animation engine for writing and animating stories, that one was a lot of fun to make. And most recently, a full-stack leaflet map distributed application. So that dapp is not a typo. Dapp is short for distributed application. And based on the Ethereum blockchain. I don't really care much for cryptocurrencies, but I was excited to program on the blockchain. So this project was a lot of fun. And as for my teachership experience, I've done course and training for a local credit union called SAFE, and of course, I've done training with Zenva, and other, as well as other large e-learning providers. So I really enjoy programming, I really enjoy teaching, and course creation is a perfect blend of the two. But enough about me. You're here to learn about React. What is React? React is a JavaScript library for creating user interfaces. It's declarative, rather than imperative. If you're coming from a jQuery background or a Vanilla JavaScript background, most likely you have dealt with a lot of imperative code, where you tell the code what to do. Declarative is where you tell the code how you want your UI to look. And we'll get into that in a second. If you're coming from an Angular background, or a Knockout.js background, React is one-way data-binding, versus two-way. That's an important distinction to make. So compared to jQuery, jQuery is imperative, so you can iterate through a list of todos, and for each todo, you create a new div, with the title of the todo. And that is what is known as imperative, because you're telling JavaScript, hey, for every todo in this list, put one on the, put an additional div on the root element. With React, it's declarative. So, rather than going through a list of todos, and telling the DOM to update, I'm actually just returning it an array of todo items and based on the data that I give it, all it does is just return a list of divs, and React renders that for me. I don't have to worry about how it renders, I just tell how I want it to look like, and it does it for me. That's the difference between imperative, which is jQuery, and declarative, which is ... https://www.youtube.com/watch?v=xWYfAOAYFJg