Making Sense of React Server Components
A guide demystifying React Server Components, explaining how they work, their benefits, and how they differ from Server-Side Rendering.
Personal blog about React, CSS, and web development
79 Articles from this blog
A guide demystifying React Server Components, explaining how they work, their benefits, and how they differ from Server-Side Rendering.
A CSS tutorial on creating animated, wavy pride flags using React, keyframe animations, and gradients for Pride Month.
Explains the difference between assignment and mutation in JavaScript's const keyword, clarifying why objects declared with const can still be modified.
A developer argues that AI will augment, not replace, front-end developers, addressing fears about the future of the profession.
A guide to 9 common pitfalls for beginner React developers, with examples and solutions to avoid frustration.
A guide to data binding in React, covering controlled form fields like inputs, checkboxes, and selects with examples and common pitfalls.
A guide to CSS color formats like Hex, RGB, HSL, and modern options like LCH and P3, explaining their differences and best use cases.
An interactive guide explaining the core concepts of CSS Flexbox, including properties like flex-grow, flex-shrink, and alignment.
A developer shares their experience using Sandpack, a modern code playground framework, to enhance their blog's interactive coding examples.
A guide explaining the core concepts behind React's re-rendering process, including common misconceptions and practical debugging tips.
Explains the difference between JavaScript statements and expressions, and why this distinction is crucial, especially for React developers.
A developer shares their modern workflow for creating responsive HTML emails using MJML, React components, and Markdown.
Explores when to use pixels vs. ems/rems in CSS for optimal web accessibility, arguing both are necessary.
Developer argues against using UI frameworks like Bootstrap, advocating for custom CSS and strategies to build professional apps.
A beginner-friendly guide for front-end developers to learn essential terminal commands and tricks for modern web development.
A developer explains how understanding CSS layout algorithms, not just properties, leads to more predictable and robust styling.
A guide to a practical and scalable file and directory structure for React applications, based on years of experience.
Learn how to avoid the 'gray dead zone' in CSS gradients using color theory and alternative color modes like HSL.
A detailed guide to a modern CSS reset, explaining each rule and its benefits for improving web development.
Introducing the Shadow Palette Generator, a tool for creating cohesive sets of CSS shadows for web design.