henriquegarcia-web / Knowledge-Upgrade-I

Esta iniciativa tem por objetivo o Upgrade Intensivo de Conhecimentos em React. Neste repositório, contém anotações, projetos e referências de um planejamento de estudos baseado apenas em vídeos do YouTube.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Knowledge Upgrade I

Upgrade Intensivo de Conhecimentos em React


Data de início: 17 de fevereiro de 2022
Data de término: 20 de abril de 2022

Motivação

Essa iniciativa tem como finalidade principal: atingir um avanço significativo no domínio da linguagem React e suas tecnologias, com o foco no front-end.

Proposta

Em um board no Trello, compus um acervo de links baseados em catagorias (como segue as pastas do repositório). Usando apenas o YouTube, a proposta é assistir a série de videoaulas e projetos definidos, realizando anotações e desenvolvendo os projetos.

Índice

1. React - Conceitos Gerais

[ Concluído ] - COMEÇANDO NO REACT.JS EM 2022 - [ 45min ] - Ver vídeo
[ Concluído ] - [BR][Front-end] Aprenda a utilizar Prop-Types no ReactJS - [ 10min ] - Ver vídeo
[ Concluído ] - Tutorial de React.JS Iniciante - Components, Props, State - [ 10min ] - Ver vídeo
[ Concluído ] - Class Components vs Functional Components in React - [ 15min ] - Ver vídeo

2. React - Hooks

[ Concluído ] - Compilação de 9 vídeos sobre Hooks - [ 2h 10min ] - Ver vídeo
[ Concluído ] - React Context API para INICIANTES - [ 20min ] - Ver vídeo
[ Concluído ] - Como usar React Context (com Hooks) - [ 20min ] - Ver vídeo
[ Concluído ] - Gerenciando estados globais com React Context - [ 30min ] - Ver vídeo
[ Concluído ] - Como fazer Hooks Personalizados - [ 16min ] - Ver vídeo
[ Concluído ] - Criando Formulários no ReactJS - React Hook Form - [ 15min ] - Ver vídeo
[ Concluído ] - 5 Custom React Hooks You Need In Every Project - [ 10min ] - Ver vídeo
[ Concluído ] - React Hooks Course - All React Hooks Explained - [ 1h 30min ] - Ver vídeo
[ Concluído ] - Don't use Hooks in REACT without knowing this... - [ 20min ] - Ver vídeo
[ Concluído ] - Você sabe MESMO como usar o hook useEffect? - [ 20min ] - Ver vídeo
[ Concluído ] - Dicas avançadas de performance para React JS (useCallback) - [ 10min ] - Ver vídeo

3. React - Typescript

[ Concluído ] - Gerenciando Context no React com TypeScript! - [ 30min ] - Ver vídeo
[ Concluído ] - TypeScript no React de forma prática! - [ 35min ] - Ver vídeo
[ Concluído ] - Curso de react: Aula 03 - Estrutura de pastas - [ 25min ] - Ver vídeo
[ Concluído ] - React Hooks com TypeScript | Masterclass #04 - [ 50min ] - Ver vídeo
[ Concluído ] - React & Typescript - Gerenciamento de Rotas e Navegação - [ 20min ] - Ver vídeo
[ Concluído ] - React with TypeScript Crash Course - [ 1h 10min ] - Ver vídeo
[ Concluído ] - Construindo uma aplicação React em Typescript - [ 15min ] - Ver vídeo
[ Concluído ] - Typescript for React Components From Beginners to Masters - [ 30min ] - Ver vídeo

4. React - Performance | Boas práticas

[ Concluído ] - Boas práticas em projetos com React - [ 20min ] - Ver vídeo
[ Concluído ] - Guia definitivo de performance (useMemo, useCallback, memo) - Code/drops #82 - [ 1h ] - Ver vídeo
[ Concluído ] - Advanced React. Performance Tips And Tricks Every React Developer Should Know! - [ 20min ] - Ver vídeo

5. React - Redux

[ Concluído ] - Compilação de 23 vídeos React + Redux - [ 3h ] - Ver vídeo
[ Concluído ] - React + Redux na prática: Guia DEFINITIVO - [ 50min ] - Ver vídeo
[ Concluído ] - Gerenciando estado em aplicações React com Redux - [ 1h ] - Ver vídeo
[ Concluído ] - React Hooks + Redux - [ 15min ] - Ver vídeo
[ Concluído ] - Entenda REDUX em UM VÍDEO! Store, Action, Action Creator, Reducers... - [ 45min ] - Ver vídeo
[ Concluído ] - React Redux with TypeScript Crash Course - [ 45min ] - Ver vídeo

6. React - Next

[ Concluído ] - NEXT.JS: O FRAMEWORK QUE VOCÊ DEVERIA CONHECER - [ 20min ] - Ver vídeo
[ Concluído ] - Next.js (Renderização React no Lado Servidor) - [ 10min ] - Ver vídeo
[ Concluído ] - ReactJs - Como estruturar projetos React e Nextjs - [ 10min ] - Ver vídeo
[ Concluído ] - Next.js, TypeScript, ESLint e Styled Components - [ 45min ] - Ver vídeo
[ Concluído ] - React/Next.js - Deploy de Apps na AWS (Sem Vercel) - [ 45min ] - Ver vídeo

7. React - Firebase

[ Concluído ] - How to Deploy React App in Firebase - Free - In 7min - 2022 - [ 10min ] - Ver vídeo
[ Concluído ] - React, Typescript and Firebase 9 Authentication [2022] - [ 15min ] - Ver vídeo
[ Concluído ] - Fazendo pesquisa de dados do Firebase Database com ReactJs - [ 20min ] - Ver vídeo
[ Concluído ] - Complete React Firebase CRUD Project | Firebase and Firestore With ReactJs - [ 50min ] - Ver vídeo
[ Concluído ] - Como fazer login com o Google utilizando React , Firebase e Context API - [ 16min ] - Ver vídeo

8. React - API e Manipulação de Dados

[ Concluído ] - Consumo de APIs RESTful no React da maneira certa - [ 1h 30min ] - Ver vídeo
[ Concluído ] - Manipulação de dados em APIs Fakes - [ 1h ] - Ver vídeo
[ Concluído ] - Como consumir dados da API com React - [ 20min ] - Ver vídeo

9. React - Testes

[ Concluído ] - React: Teste seus componentes | Jest | Testing Library - [ 20min ] - Ver vídeo
[ Concluído ] - React: testes, performance, como e quando usar - [ 35min ] - Ver vídeo
[ Concluído ] - React Avançado: Introdução a Testes E2E - Cypress - [ 30min ] - Ver vídeo
[ Concluído ] - Testes com React Testing Library - [ 50min ] - Ver vídeo

10. React - Bibliotecas e Librarias

11. React - Projetos

React with Typescript: how to build a basic to-do style application - [ 40min ] - Ver vídeo
CRIANDO PROJETO REACT COM TYPESCRIPT DO ZERO - [ 50min ] - Ver vídeo
React, Material UI 5 e Typescript - [ 5h ] - Ver vídeo
Building a Todo List App with Redux | ( React-Redux ) - [ 1h 30min ] - Ver vídeo
Full Stack Food Ordering App Tutorial /w React Next.js and MongoDB - [ 3h ] - Ver vídeo
React Native Chat App Tutorial | Firebase, Firestore, Authentication 2022 - [ 1h ] - Ver vídeo
Build a Shopping Cart with React and TypeScript - [ 1h ] - Ver vídeo
React Project: Recipe Search App (using TypeScript) - [ 30min ] - Ver vídeo
Full MERN Website React Nodejs w/ GraphQL Tailwind and Docker - [ 8h 15min ] - Ver vídeo
Ecommerce App using React JS and Redux with Fetch API 2021 - [ 50min ] - Ver vídeo
Building the Tesla Clone with ReactJS (Redux + Styled Components) - [ 2h 15min ] - Ver vídeo
E-commerce Web Shop - Build & Deploy an Amazing App | React , Redux , Firebase - [ 4h ] - Ver vídeo
A Complete React Todo App using React, Redux, Framer Motion - [ 3h 10min ] - Ver vídeo
Build LinkedIn with React JS (Firebase + Styled Components + Redux) - [ 7h ] - Ver vídeo
Let's Build a TINDER Clone with REACT JS for Beginners - [ 3h 50min ] - Ver vídeo
Build A React JS Weather App - OpenWeatherMap API - [ 40min ] - Ver vídeo
A+ Modern Developer Portfolio using React | Next js | TypeScript | Tailwind - [ 3h 50min ] - Ver vídeo
Let's build Hulu 2.0 with REACT.JS! (Next.js, Tailwind CSS, Responsive) - [ 2h 10min ] - Ver vídeo

12. React - Tips e Dicas

[ Concluído ] - React PRO Tips & Techniques you should Know - [ 40min ] - Ver vídeo
[ Concluído ] - 10 Awesome React Pro Tips - Know 'em all! - [ 6min ] - Ver vídeo

13. React - Roadmap

[ Concluído ] - React Roadmap for Beginners 2022 - [ 15min ] - Ver vídeo
[ Concluído ] - How to Become a React Developer in 2022! - [ 20min ] - Ver vídeo
[ Concluído ] - How to Master ReactJS? - [ 10min ] - Ver vídeo
[ Concluído ] - React JS Roadmap for Developers - [ 10min ] - Ver vídeo

14. Pessoal - Soft Skills

[ Concluído ] - O que é Soft Skills para programadores? - [ 20min ] - Ver vídeo
[ Concluído ] - Soft skills para um programador de sucesso - [ 25min ] - Ver vídeo
[ Concluído ] - As 9 Softskills mais desejadas pelas empresas - [ 10min ] - Ver vídeo
[ Concluído ] - A Soft Skill que TODO Programador Precisa Desenvolver - [ 10min ] - Ver vídeo

15. Pessoal - Gestão de Projetos e Produtividade

[ Concluído ] - GUIA Metodologia Ágil XP em 9 Minutos (Extreme Programming 2022 - [ 10min ] - Ver vídeo
[ Concluído ] - Como Gerenciar Dependências no Jira? - [ 15min ] - Ver vídeo
[ Concluído ] - Jira Software 2022: Básico de Jira para Devs, POs e SMs - [ 30min ] - Ver vídeo
[ Concluído ] - Epics, Story, Sub-task no Jira 2022 - [ 15min ] - Ver vídeo
[ Concluído ] - Jira Software 2022: Guia COMPLETO para Iniciantes do Jira Software - [ 30min ] - Ver vídeo
[ Concluído ] - O que é Scrum 2022? Como funciona a Metodologia Scrum? Aprenda Scrum - [ 10min ] - Ver vídeo
[ Concluído ] - 3 Dicas para ser mais PRODUTIVO no TRABALHO em 9 Minutos - [ 10min ] - Ver vídeo
[ Concluído ] - O que é Git? Qual a diferença para GitHub, GitLab e BitBucket? - [ 10min ] - Ver vídeo
[ Concluído ] - O que é Jira? TUTORIAL COMPLETO ( Jira Service Desk, Software, Core, Align ) - [ 30min ] - Ver vídeo

16. GitHub

[ Concluído ] - Como personalizar o seu perfil no Github (Readme) - [ 20min ] - Ver vídeo
[ Concluído ] - Curso de Git e Github COMPLETO 2021 [Iniciantes] + Desafios + Muita Prática - [ 50min ] - Ver vídeo
[ Concluído ] - Como personalizar o seu perfil no Github - [ 20min ] - Ver vídeo
[ Concluído ] - COMO USAR GIT E GITHUB NA PRÁTICA! - [ 40min ] - Ver vídeo

About

Esta iniciativa tem por objetivo o Upgrade Intensivo de Conhecimentos em React. Neste repositório, contém anotações, projetos e referências de um planejamento de estudos baseado apenas em vídeos do YouTube.