Crafting Your First Ad Blocker Chrome Extension with React JS: A Beginner-Friendly Dive into Version 1Step 1: Set Up a New React App npx create-react-app ad-blocker-extension cd ad-blocker-extension Step 2: Create the Popup Component Replace the contents of src/App.js with the following code: import React from 'react'; import './App.css'; function ...Nov 15, 2023 路 2 min readdev.sathsara
The Importance of React Keys in a NutshellReact keys, a simple attribute, wield a surprising amount of power. In this brief article, we'll unravel why React keys matter so much in just a few words. <ul> {items.map(item => ( <li key={item.id}> {item.name} {item.price} </li> ...Oct 14, 2023 路 1 min readdev.sathsara
Demystifying CI/CD Pipelines: How They Work and Why They're CrucialIntroduction As a software engineer, you're likely familiar with the rapid pace of development in the tech world. New features, bug fixes, and updates are a constant part of the software development lifecycle. To keep up with this fast-paced environm...Sep 5, 2023 路 3 min readdev.sathsara
Lazy Loading and Code Splitting in React.js with TypeScript: Boosting Performance and User ExperienceIntroduction: Lazy loading and code splitting are powerful techniques that can significantly improve the performance and user experience of React.js applications. In this step-by-step guide, we will explore how to implement lazy loading and code spli...1CMay 12, 2023 路 3 min readdev.sathsara
Just created a simple React-Redux app using TypeScript! 馃殌Step 1: Set up a new React project You can create a new React project using create-react-app. Open your terminal and run the following command: npx create-react-app my-app --template typescript This will create a new React project in a folder called...1SMay 1, 2023 路 3 min readdev.sathsara
