Prop Drilling, Component Composition, Types & APIYesterday I learned some new concepts in React. Let's start by: Prop Drilling! 馃く You know you're Prop Drilling when you're passing props deep down the nested component tree. The intermediary child components of the parent component end up receiving ...Aug 10, 2023 路 6 min readwasimapinjari.hashnode.dev
Sin Of Ugly Websites & Mastering Design CraftIntroduction Having an ugly website is a sin that often doesn鈥檛 go unpunished. The punishment involves getting mediocre results to bad publicity. I recently designed this beautiful personal website: wasimapinjari.netlify.app and most people I have sh...Aug 2, 2023 路 19 min readwasimapinjari.hashnode.dev
Controlled Elements & String to Number ConversionKeeping UI in sync with data is one of the primary goals of React library. React achieve this by re-rendering the UI whenever there is a change in data. In React we allow users to give their input data by using form elements whether it's an input tex...Jul 31, 2023 路 3 min readwasimapinjari.hashnode.dev
How & When To Use JavaScript Array.from() MethodThis is a quick demo explaining when & how to use JavaScript Array.from() method. Suppose you want to write an array containing numbers from 1 to 100. It's probably a bad idea to write that manually. This is a use case for using Array.from() method. ...Jul 31, 2023 路 3 min readwasimapinjari.hashnode.dev
Why Should You Use OnSubmit() Instead Of OnClick() Event ListenerLet's say this is my React form component: function Form() { function handleSubmit(e) { e.preventDefault(); } return ( <form onSubmit={handleSubmit}> <input type="text" placeholder="Type anything..."/> <button>Submit</button...Jul 31, 2023 路 1 min readwasimapinjari.hashnode.dev