@jamescodes1980

Navigating the Upgrade: A Dive into React Router 6 with My Code

Feb 21, 2024 · 2 min read · Tech 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...

Playing with the power of dynamic styles in React

Feb 16, 2024 · 1 min read · Tech 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...

Unveiling the Dark (Mode) Secrets: How I Tackled the Toggle Issue...

Feb 15, 2024 · 2 min read · 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...

Limited Styles! A Classic Mistake!

Feb 14, 2024 · 1 min read · 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...

For Props sake?! A Journey back into React Components...

Feb 12, 2024 · 3 min read · 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....