React

In App.js using the “Add Project” button manage or create new project form with handleStartAddProject function, handle the form fields

Steps: Install tailwind CSS Initalize tailwind Edit tailwind.config.js Edit index.css Create sidebar component a) Install tailwind CSS: b) Initalize tailwind

Steps: a) Import useRef and useState from React b) Create input field and a button c) Create a function on

Steps: a) Create “Components” folder inside src b) Create Header.jsx component for title and header detail c) Create UserInput.jsx component

useReducer: is used to manage sate in our react application, or we can say that its a state management tool.

Using following steps we can use the objects in useState with React js Import useState from React.Initialize state with object.Update

Using following steps we can get the value of input text using useState in React js Import useState from React.Initialize

In react we can use “props” for passing data from parent to child component, props is the short of ‘properties’.

useRef is a React Hook which allows to create a reference to a DOM element or the value that persevere

useState is a react Hook, its allow to add state to component or we can say add to functional components,