DEV Community

naimur202163
naimur202163

Posted on

React js 

 In React js proptypes are a mechanism to ensure components use the correct data type to pass the right data that components use the right type of props that receiving components receive the right type of props.
            State-props
Enter fullscreen mode Exit fullscreen mode

props are variables passed to its parent component .In React State on the other hand is still variables and its directly initialized and managed by the component. The state can be initialized by props in React js.
JSX
Jsx is a react element which looks like html but it is not html.Behind the seen it world link javascript

                                     Component Lifecycle
Enter fullscreen mode Exit fullscreen mode

Component life cycle methods mean which we can monitor and manipulate during its three main phases. The three phases are mounting, updating , unmounting.

            Hooks
Enter fullscreen mode Exit fullscreen mode

Hooks are functional and lifecycle features from function components. Hooks don't work inside classes; it let you use react without classes.we can also create our own Hooks to reuse stateful behavior between different components.
custom hooks

In React js custom Hooks are a part to reuse stateful logic and every time you use a custom Hook, all state and effects inside of it are fully isolated. Each call to a Hook gets isolated state
context API

In React js context api is a way for a React app to effectively produce global variables which can be passed around. This is the alternative to prop drilling nad moving props from grandparent to child to parent or so on. Context is also touted as an easie rand lighter approach to state management using Redux.

                React js
Enter fullscreen mode Exit fullscreen mode

React js is a frontend framework that is most popular nowadays.it is a very powerful framework .We can make single page web application using react js .Its give use so many powerful tools.It is developed by facebook React makes it painless to create awesome ui design . Design is a simple view for each state in your application , React will efficiently update and render just the right components your data changes.react. js is an open-source JavaScript library which is used for building user interfaces specifically for single-page web applications

Top comments (0)