I read, experience and write stuffs.
There's a way to update your React state more efficiently using the prevState with a callback in setState function. const [name, setName] = useState(''); const [address, setAddress] = useState(''); const [phone, setPhone] = useState(''); // we have ...
Redux is a state management library that helps us to solve the problem of state usage from many places in app and passing props to a deep nesting component. Redux ensures 3 pillars in its pattern: 1-way binding data & single source of truth & immutab...
Currying in Javascript It can be understood as function caching. Consider the snippet below: // utils.js const submitForm = (formName: string) => (submittedFormData) => { const currentForm = getForm(formName); return submit = () => { ...
I read about lazy init lately when enrolled in FrontendMaster course from Brian Holt. It is said that lazy init is used when you want to perform some heavy calculation actions rather than primitive values in the useState hook. For example calculating...
React encourages people to use special prop children for the container which has unknown children components. For example, Sidebar or Dialog. And avoid component inheritance as much as you can. React doc says it. Especially, component composition hel...
There are 2 common ways to solve Props drilling in React: use ContextAPI/Redux and use React Composition. In this article i will go through the ContextAPI usage and React composition. Drawback of Context in solving Prop drilling in React: reusability...
