Navigating the Upgrade: A Dive into React Router 6 with My CodeTech Used I delved into React Router 6, utilising the codebase I had crafted with React Router 5. The technologies used include React, React Router 6, and JSX. What I Learned Import Statement Refinement React Router 6 brought in a more concise import...Feb 21, 2024 · 2 min readjamescodes.hashnode.dev
Playing with the power of dynamic styles in ReactTech Used: React, JavaScript What I Learned:Dynamic styles leverage state-based styling for adaptability, enhanced user experience, and customisation. Placing state higher in the component tree brings even more benefits. Benefits:1. Adaptability...Feb 16, 2024 · 1 min readjamescodes.hashnode.dev
Unveiling the Dark (Mode) Secrets: How I Tackled the Toggle Issue...Yesterday, I created a toggle component for Dark and Light mode functionality within my React application. But I made a classic mistake by limiting my scope. I inadvertently limited the scope of my DarkLightComponent. It rendered within the Containe...Feb 15, 2024 · 2 min readjamescodes.hashnode.dev
Limited Styles! A Classic Mistake!I built a toggle component (Dark / Light functionality) that 'toggles' a class depending on the state (code below), BUT I made a classic mistake! Here's how: I’ve given myself ‘Limited Scope’: The DarkLightComponent renders within the Container co...Feb 14, 2024 · 1 min readjamescodes.hashnode.dev
For Props sake?! A Journey back into React Components...Code I wrote: simple code to demonstrate dynamic component rendering, prop handling, and the importance of keys in mapping arrays. I learned the significance of code modularity, reusability, and maintaining a clean structure for enhanced readability....Feb 12, 2024 · 3 min readjamescodes.hashnode.dev