/Learning_React

React Beginner's Guide + React Todo App

Primary LanguageJavaScript

REACT

  • JS Library working over client side
  • Have virtualDom, JSX
  • Easy to use

JSX JavaScript Xml use to run HTML code as JS code.

Creating a React app

npx create-react-app app_name
cd app_name
npm start

States and Props

States determine how the component behave and renders. eg.

state = {
    title : 'xxx',
    body : 'xxx',
    isFeatured : true
}

Props are properties that is used to pass data. eg.

className

......

Project ToDo react app

Inline CSS in React can be used through **style = {{ }}**

  • Create, Edit and Delete Todos task.
  • No Database support

Screenshot of App :-

'app.png'

More Features that can be added :-

  • Database integration
  • React Context api
  • React Router