Build a Custom React App Toolchain from Scratch
Alex Rivers
Building a Custom React Toolchain from Scratch Understanding the Power of React One essential thing to grasp is that you can use as much or as little React as you…
SCSS
Elevate Your Gatsby Site: 10 Essential Styling Methods
Unlock the Power of Gatsby: A Comprehensive Guide to Styling Options Are you ready to take your web development skills to the next level? Look no further! In this article,…
SCSS vs Styled Components: Which CSS-in-JS Solution Reigns?
Revolutionizing Frontend Development: SCSS vs. Styled-Components in React Applications The Rise of Frontend Frameworks Frontend frameworks like React and Vue have transformed the way we approach web development. By breaking…
MERN App with JWT Authentication: The Ultimate Guide (Part 3)
Building a Full-Stack MERN App with JWT Authentication: Part 3 Setting Up the Frontend Now that we have our backend system in place, let’s create a React single-page application to…
Get Started with Rockpack: A Beginner’s Guide
Unlock the Power of Rockpack: A Comprehensive Guide What is Rockpack? Imagine having a supercharged version of Create React App (CRA) that simplifies the process of setting up React applications.…
SASS Best Practices: Write Reusable CSS Code
Unlocking the Power of Sass: Revolutionizing Your Front-End Development The Problem with CSS As a front-end engineer, you’re likely no stranger to the frustrations of working with CSS. From dealing…
CSS Painting
Recreating Urban Landscapes with CSS Setup To begin, I set up a .paper class to contain all the pieces of the painting. I used viewport units to set the height…
Master SCSS: The Ultimate Guide to Efficient CSS Development
Unlock the Power of SCSS: A Beginner’s Guide to Writing Supercharged CSS The world of frontend development has undergone a significant transformation over the past decade. Gone are the days…
Extendable CSS Styles: Unlock Your Design Potential
Unlocking the Power of CSS Utility Classes Streamlining Your Workflow Imagine having a library of pre-defined CSS classes that can be easily applied to your HTML elements, saving you time…
Migrate from Webpack to Parcel: A Seamless Transition Guide
Streamlining Web Development with Parcel As a web developer, you’re likely no stranger to the world of build tools. With options like webpack and Browserify dominating the scene, it’s natural…