Indique um curso   |   Siga nas redes sociais
YouCourse
Menu
Sign In / Up

Faça login em sua conta ou cadastre-se para ter controle total, salvar cursos, receber bônus e muito mais.

Entrar

Novo usuário? Criar Conta

Sign In / Up
  • Desenvolvimento
    • Outros
    • Ferramentas de Desenvolvimento
      • Git
      • DevOps
      • Docker
    • Linguagens de programação
      • Ruby on Rails
      • C#
      • Node.Js
      • Programação orientada a objetos
      • c plus plus
      • Go (linguagem de programação)
      • Python
      • Java
      • Framework Spring
      • Laravel
    • Teste de Software
    • Banco de Dados
      • SQL
      • MongoDB
      • MySQL
      • Modelagem de dados
      • SQL Server
      • Oracle SQL
    • Desenvolvimento de Games
      • Programação em Scratch
      • Unreal Engine
      • Unity
      • Blender
    • E-Commerce
      • WooCommerce
      • Magento
    • Aplicativos móveis
      • Ionic
      • Kotlin
      • Quasar
      • Google Flutter
      • React Native
      • Swift
      • Java Android
    • Desenvolvimento Web
      • HTML
      • Django
      • JavaScript
      • CSS
      • React
      • Angular
      • DotNet
      • VueJs
      • PHP
      • WordPress
  • Design
    • Design gráfico
      • CorelDRAW
      • Illustrator
      • InDesign
    • Web Design
      • Bootstrap
      • Photoshop
      • FlexBox
      • UI-UX
  • Ensino e estudo acadêmico
    • Treinamento de professores
      • Camtasia
    • Idioma
      • Coreano
      • Alemão
      • Francês
      • Libras
      • Latim
      • Inglês
    • Educação online
      • Google Classroom
  • Estilo de vida
    • Alimentos e bebidas
      • Culinária
    • Artes e artesanato
      • Desenho
    • Jogos
      • Xadrez
    • Cuidados com animais e adestramento
      • Adestramento de cães
    • Beleza e maquiagem
      • Maquiagem
      • Beleza
  • Marketing
    • Marketing Digital
      • Google Analytcs
      • Google Ads
    • Marketing de redes sociais
      • Canva
      • Instagram
      • Marketing no Facebook
  • Negócios
    • Dados e Análises
      • Data Science
      • Análise de dados
    • Empreendedorismo
      • Plano de negócios
      • Startup
      • Impressão para camisetas
    • Vendas
      • Linkedin
    • Administração
      • Scrum
  • Produtividade no escritório
    • SAP
      • SAP
    • Apple
      • macOS
    • Microsoft
      • Word
      • Pacote Office
      • Power Bi
      • Excel
    • Oracle
      • Oracle Business Intelligence
    • Google
      • Google Drive
  • TI e software
    • Hardware
      • Raspberry
      • Raspberry Pi
      • Arduino
    • Sistemas Operacionais
      • Linux
    • Outros
    • Rede e segurança
      • Monitoramento de rede
      • Hacking Ético
YouCourse
  • Desenvolvimento
    • Outros
    • Ferramentas de Desenvolvimento
      • Git
      • DevOps
      • Docker
    • Linguagens de programação
      • Ruby on Rails
      • C#
      • Node.Js
      • Programação orientada a objetos
      • c plus plus
      • Go (linguagem de programação)
      • Python
      • Java
      • Framework Spring
      • Laravel
    • Teste de Software
    • Banco de Dados
      • SQL
      • MongoDB
      • MySQL
      • Modelagem de dados
      • SQL Server
      • Oracle SQL
    • Desenvolvimento de Games
      • Programação em Scratch
      • Unreal Engine
      • Unity
      • Blender
    • E-Commerce
      • WooCommerce
      • Magento
    • Aplicativos móveis
      • Ionic
      • Kotlin
      • Quasar
      • Google Flutter
      • React Native
      • Swift
      • Java Android
    • Desenvolvimento Web
      • HTML
      • Django
      • JavaScript
      • CSS
      • React
      • Angular
      • DotNet
      • VueJs
      • PHP
      • WordPress
  • Design
    • Design gráfico
      • CorelDRAW
      • Illustrator
      • InDesign
    • Web Design
      • Bootstrap
      • Photoshop
      • FlexBox
      • UI-UX
  • Ensino e estudo acadêmico
    • Treinamento de professores
      • Camtasia
    • Idioma
      • Coreano
      • Alemão
      • Francês
      • Libras
      • Latim
      • Inglês
    • Educação online
      • Google Classroom
  • Estilo de vida
    • Alimentos e bebidas
      • Culinária
    • Artes e artesanato
      • Desenho
    • Jogos
      • Xadrez
    • Cuidados com animais e adestramento
      • Adestramento de cães
    • Beleza e maquiagem
      • Maquiagem
      • Beleza
  • Marketing
    • Marketing Digital
      • Google Analytcs
      • Google Ads
    • Marketing de redes sociais
      • Canva
      • Instagram
      • Marketing no Facebook
  • Negócios
    • Dados e Análises
      • Data Science
      • Análise de dados
    • Empreendedorismo
      • Plano de negócios
      • Startup
      • Impressão para camisetas
    • Vendas
      • Linkedin
    • Administração
      • Scrum
  • Produtividade no escritório
    • SAP
      • SAP
    • Apple
      • macOS
    • Microsoft
      • Word
      • Pacote Office
      • Power Bi
      • Excel
    • Oracle
      • Oracle Business Intelligence
    • Google
      • Google Drive
  • TI e software
    • Hardware
      • Raspberry
      • Raspberry Pi
      • Arduino
    • Sistemas Operacionais
      • Linux
    • Outros
    • Rede e segurança
      • Monitoramento de rede
      • Hacking Ético
  • home
  • desenvolvimento
  • desenvolvimento web
  • react

Complete React Tutorial (with Redux)

Canal: The Net Ninja

GRATUITO

Inglês

Reportar
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%
0
Complete React Tutorial (& Redux ) #1- Introduction
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
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)
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
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
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
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
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')
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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)
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)
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
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
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
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
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
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)
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)
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
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
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
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
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
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
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
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
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
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
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
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
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
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…

Sobre o Canal

The Net Ninja
The Net Ninja

Complete React Tutorial (with Redux)

Preview this course

GRATUITO

Cursos Relacionados

React Tutorials
React Tutorials
freeCodeCamp.org

Gratuito

ReactJS Basics
ReactJS Basics
Academind

Gratuito

React JS Training program
React JS Training program
Tarun Sharma

Gratuito

React JS Tutorials for Beginners
React JS Tutorials for Beginners
thenewboston

Gratuito

Todos os cursos
Share this course
Copied!

Course Preview

Complete React Tutorial (with Redux)

Comece a aprender

Aprimore suas habilidades
com os melhores cursos gratuitos

Criar Conta
YouCourse
  • youcourse@youcourse.com.br

Siga nas redes sociais

Company

  • Termos de Serviço
  • Politíca de Privacidade

Categorias

  • Desenvolvimento
  • Design
  • Ensino e estudo acadêmico
  • Estilo de vida
  • Marketing
  • Negócios
  • Produtividade no escritório
  • TI e software

Afiliados

Rodapé E-goi

© 2023 YouCourse. Todos os direitos reservados. Desenvolvido por Corujas.Dev