React is a library for building composable user interfaces. It encourages the creation of reusable UI components which present data that changes over time. Lots of people use React as the V in MVC. React abstracts away the DOM from you, giving a simpler programming model and better performance. React can also render on the server using Node, and it can power native apps using React Native. React implements one-way reactive data flow which reduces boilerplate and is easier to reason about than traditional data binding.
- Components − React is all about components. You need to think of everything as a component. This will help you to maintain the code when working on larger scale projects.
- Unidirectional data flow and Flux − React implements one way data flow which makes it easy to reason about your app. Flux is a pattern that helps keeping your data unidirectional.
- License − React is licensed under the Facebook Inc. Documentation is licensed under CC BY 4.0.
- It is also type-safe and most of the errors can be caught during compilation.
- JSX makes it easier and faster to write templates if you are familiar with HTML.
Life cycle Methods
- componentWillMount is executed before rendering, on both server and client side.
- componentWillReceiveProps is invoked as soon as the props are updated before another render is called. We triggered it from setNewNumber when we updated the state.
- shouldComponentUpdate should return true or false value. This will determine if component will be updated or not. This is set to true by default. If you are sure that component doesn't need to render after state or props are updated, you can return false value.
- componentWillUpdate is called just before rendering.
- componentDidUpdate is called just after rendering.
- componentWillUnmount is called after the component is unmounted from the dom. We are unmounting our component in main.js.
Industry professionals as Trainers
- Well researched advanced course content created by Industry professionals
- Live web design project
- Technical HR Interview preparations
- Exam and Industry recognised Certificate
- ReactJS - Intro
- ReactJS - Environment Setup
- ReactJS - JSX
- ReactJS - Components
- ReactJS - State
- ReactJS - Props Overview
- ReactJS - Props Validation
- ReactJS - Component API
- ReactJS - Component Life Cycle
- ReactJS - Forms
- ReactJS - Events
- ReactJS - Refs
- ReactJS - Keys
- ReactJS - Router
- ReactJS - Flux concept
- ReactJS - Using Flux
- ReactJS - Animations
- ReactJS - Higher order Components
- ReactJS - Best Practices
- ReactJS Useful Resources
What Is Next?