In this complete React tutorial series, we'll cover all the basics of React, from the ground up, right through to creating full SPA's using Create React App, the React Router (v4) and Redux.
Aulas do Curso
(44 vídeos)
0 de 44 aulas concluídas
0%
Progresso salvo somente neste navegador.
0
Complete React Tutorial (& Redux ) #1- Introduction
Hey gang, welcome to your very first React tutorial for beginners (including Redux)! In this course we'll be learning wh…
1
Complete React Tutorial (& Redux) #2 - How React Works
Hey gang, in this React tutorial I'll be giving you a very birds-eye view of how React works behind the scenes.
-------…
2
Complete React Tutorial (& Redux) #3 - React Setup (with CDN)
NOTE - We will only use the React CDN for the first few lessons, to learn the basics. Then we'll move on to create full …
3
Complete React Tutorial (& Redux) #4 - React Components
Hey gang, in this React tutorial I'll be looking at Components and how we can create & use them to take control of a par…
4
Complete React Tutorial (& Redux) #5 - State
Hey, in this React tutorial we'll take a look at what state is, and create a state to keep track of data for our compone…
5
Complete React Tutorial (& Redux) #6 - React Dev Tools
Hey gang, in this React tutorial I want to take a quick side-step to introduce you to a tool called React Developer Tool…
6
Complete React Tutorial (& Redux) #7 - DOM Events
Hey gang, in this React tutorial I'll show you how we can listen to DOM events - click, mouseover, copy, etc - and react…
7
Complete React Tutorial (& Redux) #8 - Changing State (and 'this')
Hey gang, in this React tutorial we'll be discussing the context of the 'this' keyword inside our component functions, a…
8
Complete React Tutorial (& Redux) #9 - Intro to Forms
Hey gang, in this React tutorial I'll introduce you to the concept of forms in React and how to capture user data and st…
9
Complete React Tutorial (& Redux) #10 - Create React App
Hey gang, in this React tutorial I'll walk you through how to create a boilerplater React application using create-react…
10
Complete React Tutorial (& Redux) #11 - Single Page Apps
Hey all, in this React tutorial I'll talk a little bit about how SPA's (single page applications) work and also walk you…
11
Complete React Tutorial (& Redux) #12 - Nesting Components
Hey gang, in this React tutorial I'll explain exactly how we can create multiple components and nest them within other c…
12
Complete React Tutorial (& Redux) #13 - Props
Hey, in this React tuorial I'll explain exctly what props are and how we can use them to pass data from one component (t…
13
Complete React Tutorial (& Redux) #14 - Outputting Lists
Hey gang, in this React tutorial I'll introduce you to the concept of cycling through lists of data and outputting that …
14
Complete React Tutorial (& Redux) #15 - Stateless Components
Hey gang, in this React tutorial I'll talk about stateless / functional components and when we can use them instead of c…
15
Complete React Tutorial (& Redux) #16 - Conditional Output
Hey gang, in this React tutorial I'll be showing you how to conditionally output parts of our template dependent on cert…
16
Complete React Tutorial (& Redux ) #17 - Forms Revisited
Hey all, in this React tutorial I'll talk a little bit more about forms, and how we can keep our component state in sync…
17
Complete React Tutorial ( & Redux) #18 - Functions as Props
Hey gang, in this React tutorial I'll explain how we can pass functions to nested components as props. We can then call …
18
Complete React Tutorial ( & Redux) #19 - Deleting Data
Hey, in this React tutorial I'll explain how we can delete data from the state.
---------------------------------------…
19
Complete React Tutorial (& Redux) #20 - Recap & Virtual DOM
Hey gang, in this React tutorial I'll do a little recap over what we've learnt in the last few lessons, as well as expla…
20
Complete React Tutorial (& Redux) #21 - CSS Files
Hey gang, in this video I'll show you how you use and import CSS files into your components. For more info on CSS module…
21
Complete React Tutorial (& Redux) #22 - Lifecycle Methods
Hey gang, in this React tutorial I'll explain what lifecycle hooks / methods are and how we can use them to fire code at…
22
Complete React Tutorial (& Redux) #23 - Todo App (part 1)
Hey gang, in this React tutorial we'll put everything together that we've learned so far to create a small todo app. Thi…
23
Complete React Tutorial (& Redux ) #24 - Todo App (part 2)
Hey gang, in this React tutorial I'll finish up the todo app we started in the last lesson. Here we'll focus on deleting…
24
Complete React Tutorial (& Redux) #25 - The React Router
Hey gang, in this React tutorial I'll introduce you tothe React Router and how we can use it to create different "pages"…
25
Complete React Tutorial (& Redux) #26 - Links & NavLinks
Hey ninjas, in this React tutorial I'll explain how we can use the Nav and NavLink tags from the React Router Dom packag…
26
Complete React Tutorial (& Redux) #27 - Programmatic Redirects
Hey, in this React tutorial I'll explain how we can redirect users programatically from one component / page to another …
27
Complete React Tutorial (& Redux) #28 - Higher Order Components
Hey gang, in this React tutorial I'll be talking a little bit about what Higher Order Components are, and how we can cre…
28
Complete React Tutorial (& Redux) #29 - Using Axios
Hey gang, in this React tutorial I'll show you how we can use Axios to request data from an external source, then render…
29
Complete React Tutorial (& Redux) #30 - Route Parameters (part 1)
Hey all, in this React tutorial I'll explain exactly what route paramters are and how we can use them to show dynamic co…
30
Complete React Tutorial (& Redux) #31 - Route Parameters (part 2)
Hey gang, in this React tutorial I'll show you how to set up our links with route parameters and use that info to reques…
31
Complete React Tutorial (&Redux) #32 - Switch Tag
Hey gang, in this React tutorial I'll explain what the switch tag is, and how we can use it to match and show only one r…
32
Complete React Tutorial (& Redux) #33 - Importing Images
Hey gang, in this React tutorial I'll show you how to import and use images inside your React components. We'll also tid…
33
Complete React Tutorial (& Redux) #34 - Introduction to Redux
Hey gang, in this Redux tutorial I'll explain exactly why we use Redux in our React applications and the rpoblem it trie…
34
Complete React Tutorial (& Redux) #35 - Redux Stores
Hey gang, in this React & Redux tutorial I'll show you how to create a React store and a reducer which will interact wit…
35
Complete React Tutorial (& Redux) #36 - Redux Actions
In this React & Redux tutorial I'll show you how to create a Redux action and dispatch it. The reducer will take the act…
36
Complete React Tutorial (& Redux) #37 - Redux Reducers
Hey gang, in this React tutorial I'll teach you about Redux reducers and how we can use them to update the state of our …
37
Complete React Tutorial (& Redux) #38 - Store Subscriptions
Hey gang, in this React & Redux tutorial I'll explain exactly how we can subscribe to changes to our state and react to …
38
Complete React Tutorial (& Redux) #39 - Setting up Redux in React
Hey gang, in this React & Redux tutorial, I'll show you how to set up a Redux store in a React application. We'll also c…
39
Complete React & Redux Tutorial #40 - Mapping State to Props
Hey gang, in this Redux tutorial I'll show you how to map your redux state to props in your React components. In other w…
40
Complete React Tutorial (& Redux) #41 - Blog Detail Page
Hey gang, in this video we'll look at mapping a single blog post to our props for the blog detail component.
----------…
41
Complete React Tutorial (& Redux ) #42 - Map Dispatch To Props
Hey gang, in this React & Redux tutorial I'll show you how we can map a dispatch to our component props, so that we can …
42
Complete React Tutorial (& Redux) #43 - Action Creators
Hey gang, in this React & Redux tutorial I'll explain what action creators are and why we'd use them. We'll also create …
43
Complete React & Redux Tutorial #44 - Wrap up & Next Steps
Hey gang, thank you for coming along with me on this React & Redux journey. For the next playlist, and to build a full a…
