React + Redux – The beginner guide. (2023 edition)

سرفصل های دوره

Discover React, Redux Toolkit (RTK) , Hooks, Firebase, React router, Form validations, i18n, Deployment, Testing, Chakra

01 - Introduction

001 Welcome !

002 What is React

02 - Setup

001 Create an app with create-react-app

002 CONGRATULATIONS !.html

external-links.txt

03 - Get help

001 How to get help

external-links.txt

04 - React core concepts

001 Virtual DOM

002 Coding our root component

003 What about all these files

004 All the things you can render

005 (optional) - ES6 imports

006 Code editor, NodeJS, NPM

007 Format your code

008 Theme and plugins.html

008 extensions-EN.pdf

009 Props - part 1

010 Props - part 2

011 States

012 Unexpected states behaviours

013 Styling

014 Multiples css modules classes in one className

015 Callback functions

016 Babel the transpiler

017 Webpack the asset bundler

018 CONGRATULATIONS !.html

external-links.txt

05 - Understanding npm and npx quickly

001 (optional) - Understanding NPM & NPX

06 - Training project - Create a difficulty picker

001 Project overview

002 Picker - part 1

003 Picker - part 2

004 Events and arrow functions

005 Loops

006 (optional) - The map() ES6 function

007 Improve our Picker using map()

008 CONGRATULATIONS !.html

external-links.txt

07 - Application TV Show Adviser

001 Project overview

002 Update on The Movie Database register flow.html

003 Set up our project

004 Our project architecture

005 Bootstrap (optional)

006 Quick note about fonts.html

007 Layouting the app

007 index.html

008 (optional) - Handling errors with Try, Catch, Finally and Throw

009 (optional) - ES6 Promises - AsyncAwait

010 Data fetching - fetch popular shows

011 Hook - useEffect()

012 useEffect cleanup function

013 Saving data in states - Set popular tv show

014 Tv show detail component

015 Rating component

016 Static images - Display the logo

017 TV show list item

018 Fetching recommendations

019 TV show list

020 Styling the scrollbar

021 EventCallback - Clicking a recommendation

022 Searchbar - Design part

023 Searchbar - Handling keystrokes

024 Handling requests errors

025 Cleaning the input after a request

026 CONGRATULATIONS !.html

external-links.txt

08 - Deploying a React app

001 Deploy using Vercel

002 Strict mode

003 CONGRATULATIONS !.html

09 - Redux introduction - Expense tracker project

001 What is Redux and why Redux

002 Project expense tracker

003 Redux setup

004 Initializing the store with values

005 Redux actions

006 useDispatch() - Writing in the Redux store

007 useSelector() - Read the Redux store

008 Income input component

009 [Optional] - ES6 - Reduce

010 Total component

011 A Redux diagram

011 redux-diagram.zip

012 Persisting the store

013 Redux middleware

014 CONGRATULATIONS !.html

external-links.txt

10 - React + Redux project - Note manager

001 Project overview

002 Setup project

003 React router - Navigation

004 Setup React router and our pages

005 JSON server - Setup a fake backend

005 note-api-collection.zip

006 Header component

007 Storing the notes

008 Text card component

009 Note list container

010 Note form component explained

011 Note form component structure

012 Create a note

013 Form validations

014 [Optional] - ES6 - Spread operator

015 Form validation - Part 1

016 Form validations - Part 2

017 ES6 - Destructuring assignment

018 Acessing URL parameters

019 Note detail component

020 Toggle Note form component from editable to read only

021 Update note

022 ES6 - filter

023 Delete note

024 Filter notes

025 CONGRATULATIONS !.html

external-links.txt

11 - Firebase Authentification

001 Introduction

001 mockups.zip

002 Initializing routes

003 Signin form structure

004 Generic input component

005 Auth layout part 1

005 bg.zip

005 logo.zip

006 Auth layout part 2

007 Submiting the signin form

008 The Firebase auth flow explained

009 Initialize Firebase

010 Signin API

011 Storing the user in Redux

012 Display sweet alert after signin

013 HOC explained High Order Components

014 Protect our routes using an HOC

015 Persisting the redux auth slice

015 store-config.txt

016 Display the user profil Selector

017 Signup

018 CONGRATULATIONS !.html

external-links.txt

12 - Firestore A real backend with real time updates

001 Fetching a collection from Firestore

002 Create, update and delete with Firestore

003 Protecting our backend

004 Enabling real time updates

005 CONGRATULATIONS !.html

external-links.txt

13 - Contexts

001 Contexts

002 Using contexts

003 Contexts or Redux

external-links.txt

14 - Create your hooks

001 Mini project Randimages

001 sketch.zip

002 Create a list of images

003 Custom hooks explained

004 useScrollPosition hook

005 A bit of styling

006 Pagination using the custom hook

007 Downloading an image

008 CONGRATULATIONS !.html

external-links.txt

15 - Jest and React testing library

001 Introduction

002 Warning on folder naming.html

003 Coding our math functions

004 Jest struggling finding your files.html

005 Test our functions with describe(), it(), and expect()

006 Quickly coding the calculator

007 Handling the calculators warning and errors

008 Jest render() , getByText(), getByRole()

009 Find elements using findByTestId and data-testid

010 Simulate user inputs with fireEvent()

011 Test coverage

012 Source componentsRandomUserRandomUser.jsx.html

013 Wait for elements with find()

014 Working with asynchronous requests

015 CONGRATULATIONS !.html

external-links.txt

16 - Advanced hooks

001 useRef hook

002 Memoization - memo useMemo useCallback

003 React 18 - states batching

004 CONGRATULATIONS !.html

external-links.txt

17 - Portfolio Multi language + Firebase + ChakraUI

001 Dynamic portfolio introduction

002 Setup a React app with Vite bundler

003 Setup ChakraUI and theme

004 Setup fonts with ChakraUI

005 Header component

006 Landing page , layout system with ChakraUI

007 Customize a Badge

008 Translate our texts

009 Change language

010 Default language from browser and cache

011 Image Slider

012 Image slider modal

013 Prepare the latest projects section

013 fake-projects.txt

014 Badges

014 colors.txt

015 Footer

016 Firebase + Rowy setup

017 React firebase setup

018 Fetching all the projects

019 Translating data coming from back-end

external-links.txt

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training