Yug Jadvanitheyugjadvani.hashnode.dev·Sep 16, 2024Optimal Strategies for Storing Images in React Applications: Best Practices and ExamplesIntroduction Storing and handling images in React applications is a fundamental yet often overlooked aspect of development. There are multiple ways to include and manage images, and the approach you choose can impact the performance, scalability, and...DiscussWeb Development
Akshat Soniakshatsoni.hashnode.dev·Sep 8, 2024Understanding Array Mutation in Redux: A Common Pitfall with useSelectorWhat is the Problem? When working with Redux, we often deal with immutable data structures to maintain the predictability of the application state. However, recently I encounter issue is unintentionally mutating the state, especially when handling ar...Discusslearning
Moazam Alimoazamdev.hashnode.dev·Aug 3, 2023Day 08: Basic Hooks#100DaysOfCode Day 08: Basic Hooks useState hook is used to manage the state of a functional component. It returns an array with two values: the current state value and a setter function to update the state value. This update function re-renders th...Discuss#FrontendDev
Moazam Alimoazamdev.hashnode.dev·Aug 3, 2023Day 07: Higher Order Components (HOCs)#100DaysOfCode Day 07: Higher Order Components (HOCs) Learned about the HOCs in react, which is a function that takes a component and returns a new component. Due to react hooks, HOCs are not used commonly for reusing logic. HOCs stem from the conc...Discuss·28 reads#FrontendDev
Moazam Alimoazamdev.hashnode.dev·Aug 2, 2023Day 05: Manipulating the DOM with Refs#100DaysOfCode Day 05: Manipulating the DOM with Refs Cont. Learned how we can manipulate the DOM with Refs in react. Using Refs we can create a reference to a particular node in DOM and then with the help of that Ref we can use browser APIs on t...Discuss·37 reads#FrontendDev
Moazam Alimoazamdev.hashnode.dev·Aug 2, 2023Day 04: Referencing Values with Refs#100DaysOfCode Day 04: Referencing Values with Refs Learned about refs, which is used when we want a component to remember something but you don’t want that information to trigger new renders, that’s where you use the useRef hook from React. If you...Discuss·31 reads#FrontendDev
Moazam Alimoazamdev.hashnode.dev·Aug 2, 2023Day 03: Render props#100DaysOfCode Day 03: Render props Learned about React render props, which is a technique to share code or data between components. Render props allows the parent component to have more control over the rendering of the child component. Instead o...Discuss·39 reads#FrontendDev
Moazam Alimoazamdev.hashnode.dev·Aug 2, 2023Day 02: React Life Cycle Methods & Lists & Keys#100DaysOfCode Day 02: React Life Cycle Methods & Lists & Keys Learned about the react life cycle methods, there are three stages: 1. Mounting 2. Updating 3. Unmounting Following are the life cycle methods:1. constructor(): Set up initial state a...Discuss#FrontendDev
Moazam Alimoazamdev.hashnode.dev·Aug 2, 2023Day 01: React Composition#100DaysOfCode Day 01: React Composition Learned about the React composition, which is a development pattern based on React’s original component model where we build components from other components using explicitly defined props or implicit children...Discuss·35 reads#FrontendDev
Sohansohankinage.hashnode.dev·Dec 18, 2022An Introduction to JavaScript: The Programming Language of the WebIntroduction to JavaScript JavaScript is a programming language that is commonly used in web development to create interactive and dynamic web pages. It is a client-side language, meaning that it is executed by the web browser rather than the server,...Discuss#FrontendDev