bilalshahzad139 / reactjs-material

ReactJS Sample Codes

reactjs-material

Learn React from Scratch - Part 1 - Urdu/Hindi Video Tutorial is available here

Csharpcorner.com reactjs article series

Part 1

Link: https://www.c-sharpcorner.com/article/react-learn-from-scratch-part-1/

• Background
• Introduction
• Basic React Example

Part 2

Link: https://www.c-sharpcorner.com/article/react-learn-from-scratch-part-2/

• Creating elements using React.createElement
• Introduction to JSX
• Function Component

Part 3

Link: https://www.c-sharpcorner.com/article/react-learn-from-scratch-part-3/

• More on JSX
• What is arrow function in JavaScript
• What is map function
• Using map function to iterate data in JSX

Part 4

Link: https://www.c-sharpcorner.com/article/react-learn-from-scratch-part-4/

• Event Handling in React
• What is ‘key’ property
• Passing data from Child component to Parent component

Part 5

Link: https://www.c-sharpcorner.com/article/react-learn-from-scratch-part-5/

• Classes in JavaScript
• This keyword
• React Class Component

Part 6

Link: https://www.c-sharpcorner.com/article/react-learn-from-scratch-part-6/

• What is ‘this’ keyword in JavaScript
• What is ‘bind’ method
• How ‘this’ works with Arrow functions
• Using above concepts in React example

Part 7

Link: https://www.c-sharpcorner.com/article/react-learn-from-scratch-part-7/

• What is state property in class component
• How to use setState function
• What is shallow merging