Table of Contents
React Tutorial for Beginners
In this tutorial, we will understand how to develop UI in React. We will understand and implement the below topics.
Part 1 – Hello World in React?
– Different ways to create React App
– React file structure
https://onlyfullstack.blogspot.com/2019/11/create-reactjs-app-hello-world.html
Part 2 – JSX in React
In this tutorial, we will understand below topics –
– What is JSX?
– How to use JSX in React?
https://onlyfullstack.blogspot.com/2019/11/jsx-in-react.html
Part 3 – Components state and props in React
– What are components in React?
– Components state in React
– Components props in React
– state vs props in React
– Functional vs Class Component in React
– Advantages of Functional Component in React
– React Components Lifecycle
https://onlyfullstack.blogspot.com/2019/11/react-components-state-props-lifecycle.html
Part 4 – Event Handling in React
– Why does onClick is not having a method parentheses?
– Why do we need to bind event handlers in React?
– Different ways to implement Event Handling in React
https://onlyfullstack.blogspot.com/2019/11/event-handling-in-react.html
Part 5- Parent Child Component Communication in React
– Parent to Child component communication in React
1. React props
2. React Context
– Child to Parent component communication in React with callback
https://onlyfullstack.blogspot.com/2019/11/parent-child-component-communication-in-react.html
Part 6 – React Forms with Input text, Checkbox, Radio Buttons and Dropdown
– React Form with Input text
– React Form with Checkbox
– React Form with Radio Button
– React Form with Dropdown list
https://onlyfullstack.blogspot.com/2019/11/react-forms-with-input-checkbox-radiobutton-dropdown.html
Source Code
You can edit and play with the react examples on below stackblitz site –
https://stackblitz.com/@onlyfullstack
Nice post!