Ihab Khattabihabkhattab.hashnode.dev·Dec 15, 2024What I Personally Love About Remix and React Router v7I’ve recently been diving deeper into Remix and the new React Router v7, and I have to say—I really enjoy how they approach web development. Unlike many frameworks that abstract away the web platform, Remix and React Router v7 embrace its fundamental...1 like·39 readsreact router v7
Ravindra Nagblog.ravindranag.in·Nov 30, 2024Route Transitions using motion (previously framer-motion)Hey there! I am working on my portfolio and plan to use motion’s AnimatePresence and layout animations. Its very exciting to see the creative peeps coming up with these amazing transitions using motion. I have managed to animate the change of routes....1 likeReact
Vishal Singhthevishingh-react-roadmap.hashnode.dev·Nov 24, 2024React Roadmap for Beginners 🤖React is a JavaScript library used for building user interfaces, primarily for web applications. It was developed and is maintained by Meta (formerly Facebook) and has become one of the most popular tools for front-end development. Key Features of Re...30 readsReact
Cosmic Webcomicweb.hashnode.dev·Nov 14, 2024Essential React Concepts for Modern DevelopersReact has continually evolved, offering developers powerful tools and concepts to build efficient, high-performing web applications. Here’s a look at some essential concepts in React and how they shape the future of front-end development. Whether you...React
KazooTTTkazoottt.hashnode.dev·Nov 14, 2024search params 请求参数的获取与更新react router useSearchParams useSearchParams | React Router interface URLSearchParams { /** Appends a specified key/value pair as a new search parameter. */ append(name: string, value: string): void; /** Deletes the given search parameter...window.location
React Mastersreactmasters.hashnode.dev·Nov 13, 2024Pre-Requisite of Routing in React JSUnderstanding Routing in React JS and its Prerequisites: Routing is an essential concept in web development that enables users to navigate different views or pages within a web application. In React, routing plays a crucial role in building single-pa...React
Shikhar Shuklashikhar99.hashnode.dev·Nov 9, 2024Modern ESLint Configuration in React: Managing Prop Types and Unused Variables WarningsWhen working on React projects, ESLint is an invaluable tool for enforcing code quality. But sometimes, the default rules may not align with the specific needs of your project. In this article, we’ll explore how to configure ESLint for React applicat...32 readseslint
Tanmay Bhansaliadvance-tic-tac-toe.hashnode.dev·Nov 4, 2024Day 3: Building a Customizable Tic Tac Toe with Socket.io - Set Your Own Board Size and Play Online!Welcome back to the development journey of our Tic-Tac-Toe game! In Day 2, we focused on implementing the server-side logic to make real-time multiplayer possible. Today, I’ll be diving deeper into the client-side, where I’ve added some important upg...10 likesReact
Amar Jondhalekarcoffeewithamar.hashnode.dev·Nov 4, 2024Building a Dynamic React Application with RoutingHello, everyone! It’s Amar Jondhalekar, and today I’m excited to take you through building a dynamic React application using React Router. This will help you create a seamless user experience by navigating between different components easily. Let’s d...ReactJS Evolution: Learn from the Ground Upreact router