React Js Tutorial - Episode 04: Routing, Map Method, Arrays of Objects

Published: 29 July 2022
on channel: Code Champs
213
20

Hey there ! Welcome to my channel,
This is the Fourth video of this series about REACT JS. In Previous video we have seen and cover the react installation, react folder structure, react components, Jsx and expressions in react, Props in react and how to use google fonts in react js. In this video we will learn the core react topics and the working with High order function (Map).


Here is the outline of what you will learn and coverup in this leacture.


Outline
0:00-Intro
0:44-Arrays of object in react
05:25-High order function (Map)
09:04-Implemanting map function in react, reducing repeatness of react components
11:15-Passing props in react component
13:30-Resolving map function warning ⚠ error (key)
16:22-Images in dataset, passing images in props
17:26-Routing in react
19:35-Navbar in react
23:22-Navlink in react, using react-router-dom feature
30:30-Working on react components
29:17-Pages in react (Folder Structure)




Learn Reactjs core concepts.
1) react components
2) props in reactjs
3) expressions and jsx and reactjs


Here is the link of Leactures
Leacture 03 👉    • React Js Tutorial - Episode 03 ( Installat...  






Learn HTML & CSS3 Advance Concepts
1) Flexbox
2) Animations
3) Media queries


Here is the link of Leactures
Leacture 01 👉    • Introdunction to ( HTML, CSS3 )  React JS ...  
Leacture 02 👉    • Introdunction to ( HTML, CSS3 ) React JS S...  




Tools
1) install Node js by this link:
https://nodejs.org/en/


2) install VS code by this link:
https://code.visualstudio.com/




If you find this video helpful please Like Share & Subscribe this Channel.
Thank You!


Follow me on:-


GitHub:https://github.com/Hamza-Qureshi09
Twitter:  / hamzaqu14589309  
Instagram:  / hamza_qureshi_2906  
Facebook:https://web.facebook.com/profile.php?...
Email:hamzaqureshi2909@gmail.com




For sponsorship & Business enquires:- hamzaqureshi2909@gmail.com


#reactjs #reactrouter #mapfunction #routes #navigation #arraysofobject


On this page of the site you can watch the video online React Js Tutorial - Episode 04: Routing, Map Method, Arrays of Objects with a duration of hours minute second in good quality, which was uploaded by the user Code Champs 29 July 2022, share the link with friends and acquaintances, this video has already been watched 213 times on youtube and it was liked by 20 viewers. Enjoy your viewing!