Component Lifecycle
A component goes through various states before being and rendered. These different states through which a component passes in its…
5 Min Read
Routing
What is Routing A web application is composed of multiple pages where one page is linked to another page. That…
1 Min Read
Stateless and Stateful components
Till now we have learned two ways of creating a component: 1. Using a javascript function that returns some JSX…
3 Min Read
Conditional rendering
It might happen that you want to display elements only when certain condition is met or show/hide some elements when…
3 Min Read
State & Events
What is a component state? A component state allows us to manage some data related to that component. Whenever the…
2 Min Read
Dynamic Components
In the last sections, we learnt about JSX, what react components are and how can we create them. Now when…
4 Min Read
Components
A component is an independent piece of the user interface(UI). Everything on the screen of a react application is a…
2 Min Read
Rendering Elements
What is an element? An element is a smallest unit on a web page. Whatever you see on a web…
2 Min Read
JSX
JSX stands for JavaScript XML. It enables using HTML and XML like tags inside javascript. These tags can have text,…