React Resources

Share

Related resources for React

Next.js Vs ReactJs12/20/2024 8:39:32 PM. Next.js and React.js are both powerful tools for building web applications. React.js is a JavaScript library focused on UI components, while Next.js is a framework that enhances React with features li
Harmony & Hooks - React inspired meditation12/18/2024 4:42:51 PM. This video offers a tranquil refuge from fast-paced world of technology, guiding attendees through meditative exercises specifically tailored for the developer's mind.
How ReactJS Is Different From Other Languages?12/18/2024 7:11:12 AM. React.js is a powerful library for building user interfaces, but it can be initially complex for beginners. This article explains key features such as asynchronous updates, the virtual DOM, and the di
Getting Started with React: A Simple Guide12/11/2024 7:17:20 AM. Learn the Basics of React and How to Start Building Web Applications
React v19 Now Stable: What Developers Need to Know12/11/2024 7:00:41 AM. React v19 has officially reached stable release, bringing enhanced features and performance for developers building dynamic user interfaces. Dive into the new version to streamline your projects and l
Put it All in State12/2/2024 11:58:32 AM. Once you throw user and network events into the mix - and those events have different ideas of "current state", you need to denormalize your state data and derive "current state" b
Integration of Web 3.0 with React Framework12/2/2024 5:01:16 AM. Learn about leveraging Web3.js, interacting with blockchain networks, connecting smart contracts, and creating innovative solutions using React. Unlock the future of decentralized web development.
Unleashing the Power of Duck-Typing in React: Crafting a Generic Application11/25/2024 11:38:44 AM. In this video you will learn about duck typing in TypeScript, focusing on a React application.
Build Testimonial Carousel in React with Dynamic Animations 11/15/2024 8:24:46 AM. Create an interactive testimonial carousel in React to showcase client feedback effectively. This component offers smooth animations, auto-advancing slides, responsive design, and dynamic star ratings
Integrating AI with Maps to Generate Locations11/12/2024 11:22:27 AM. In this video, we will create an application case and introduce you to how you can use AI to generate locations on the front end.
Getting Started with React for Interactive UIs11/12/2024 6:49:45 AM. This guide covers setting up React, understanding JSX, and using core features like components and hooks. Perfect for beginners looking to get started with modern front-end development.
Managing User Sessions in React11/11/2024 5:36:17 AM. Session management is a fundamental aspect of web applications that allows developers to track user activity, maintain login states, and manage temporary data throughout a user's interaction with
KISS - Keep It Simple Stupid11/8/2024 11:39:50 AM. In this video, you will learn how to create scalable, maintainable, and on-budget software while explaining application rewrite - a piece of software with a C# .NET backend and a React front end.
Type-Safe App Configuration: A Powerful, Emerging Way to Accelerate Product Development11/8/2024 11:23:09 AM. This video dives into what app configuration is, how you can use it in React and how it can empower your whole team to move faster, including your nontechnical colleagues.
Data Fetching Unleashed: Next.js, React Query and their BFF11/6/2024 11:37:01 AM. This video explores the intersection of Next.js, React Query, and the Backend for Frontend (BFF) design pattern, three vital elements pieces that help solve the puzzle of performant and scalable data
Protected Routes in React.js10/27/2024 5:37:13 AM. This approach is essential for apps with private content, ensuring unauthorized users can't view certain pages. By using React Router with authentication checks, developers can manage access dynam
Server-Driven UI: Building Dynamic React Applications10/25/2024 11:44:23 AM. This video will explore how SDUI, combined with React, empowers teams to build flexible, maintainable, and quickly adaptable applications that deliver exceptional user experiences.
Enhancing Forms with React Server Components10/24/2024 11:49:57 AM. In this video, we explore the application of React Server Components (RSC) to elevate the functionality and efficiency of forms.
A 4-Year Retrospective : Lessons Learned from Building a Video Player from Scratch with React Native10/24/2024 5:05:25 AM. React Native, React, ReactJS
TypeScript for advanced type inference in React10/24/2024 4:43:27 AM. In this article, Ziggy Rafiq discusses advanced type inference techniques in React with TypeScript, focusing on hooks and JSX elements.
ReactJS in 2024: Trends, Opportunities, Salaries, and Future Outlook10/21/2024 11:20:21 AM. Discover lucrative opportunities for developers, understand current salary ranges, and gain insights into the future outlook of web development. Stay ahead in the competitive market with key informati
Understanding React File Upload10/15/2024 7:20:20 AM. In this article, I am going to discuss how to upload a file using react. This article explains how to enable file uploads in a React app, covering file selection, server communication, error handling,
ASP.NET Core - CRUD With React.js And Entity Framework Core10/11/2024 12:27:56 PM. Discover how to implement CRUD (Create, Read, Update, Delete) operations, set up a RESTful API, and manage data effectively. Enhance your web development skills with practical examples and best practi
Rich Text Control With Image And Video In SPFx Using React-Quill10/3/2024 11:49:18 AM. This article explores how to implement a rich text field in Modern SharePoint List forms using React Quill. It covers the process of creating a SharePoint list, setting up an SPFx solution, and integr
Building A Cross Platform MVVM Pattern With ReactiveUI And Xamarin.Forms9/27/2024 10:14:33 AM. In this article, you will learn how to build a cross-platform MVVM pattern with ReactiveUI and Xamarin.Forms.
Containerize React JS and .NET Core Apps with Docker and Kubernetes9/23/2024 9:07:58 AM. This guide demonstrates how to build a sample product management application using .NET Core Web API for the backend and React JS for the frontend. The app is containerized with Docker and Kubernetes
Interactive Tic-Tac-Toe Game in React9/23/2024 7:18:53 AM. In this article, you'll learn how to create an interactive TicTacToe game using React. We cover essential React concepts like components, useState, and useEffect. Step-by-step, you'll build th
Building a Custom QR Code Generator Component in React9/20/2024 4:32:50 AM. In this guide, you'll learn how to build a custom QR code generator component in React. We'll cover the steps to integrate a QR code library, customize the QR code's appearance, and make i
Build Microsoft Teams Tab Extensions with React Fluent UI9/11/2024 7:17:30 AM. Discover how to create a powerful Teams Tab Extension using React and Fluent UI in this step-by-step guide. From setting up your development environment to integrating Fluent UI components seamlessly,
Building a Custom Image Slider Component in React9/11/2024 5:22:12 AM. Learn how to create a responsive, interactive slider using React hooks, JavaScript, and CSS. Perfect for adding dynamic image galleries or carousels to your web projects, enhancing user engagement and
Getting Started with React 18's createRoot API9/10/2024 10:42:18 AM. The createRoot API in React 18 revolutionizes application rendering by replacing ReactDOM.render. It integrates with React's Concurrent Mode, enhancing performance through better state batching an
Create a Material-UI Custom Select Component with React js.9/5/2024 8:31:11 AM. Learn how to create a custom select component using Material-UI with React JS in this tutorial. We’ll walk through setting up Material-UI, designing a customizable select dropdown, and integrating it
Site Column & List Column and Site Content Type9/3/2024 9:41:08 AM. This article covers SharePoint's Site Columns, List Columns, and Site Content Types. It explains the differences between Site and List Columns, including their scope, reusability, and management.
Building a Custom Rating Component in React9/2/2024 6:32:54 AM. Learn how to build a custom rating component in React, which is perfect for adding interactive star ratings to your web applications. This tutorial covers the step-by-step process, including component
Tailwind CSS Header and Seamlessly Integrating It with ReactJS8/30/2024 11:08:43 AM. Tailwind CSS is a utility-first CSS framework that enables rapid UI development with minimal custom CSS. It provides a wide array of predefined classes, allowing developers to style directly in their
React and WebSockets: A Perfect Pair8/30/2024 8:09:15 AM. Explore how React and WebSockets work together to create dynamic, real-time web applications. This guide covers the fundamentals of WebSocket integration in React, demonstrating how to build interacti
How to use React and Gatsby.js?8/27/2024 5:29:35 AM. Pairing React with Gatsby.js allows for the creation of high-performance, SEO-friendly websites. This guide walks you through setting up a Gatsby project, integrating React components, and using essen
React Performance Unleashed: Tips and Tricks for Lightning-fast Apps8/25/2024 11:32:03 AM. React Performance Unleashed: Tips and Tricks for Lightning-fast Apps
Streamlining React Apps with Suspense and Lazy Loading8/25/2024 11:29:06 AM. Discover how React Suspense and lazy loading can supercharge your web apps by optimizing component and resource loading. This guide explains how these features work, with practical examples to show yo
How to Create API Gateway for React JS Application?8/24/2024 7:31:16 AM. This guide covers setting up an API Gateway for your React.js application using Express.js. Learn how to centralize API requests, enhance security, and optimize performance by routing frontend request
Introduction of React Hooks with Examples8/21/2024 5:11:04 AM. In this article, we explore React Hooks: special functions for using state and other features in functional components. Learn about useState, useEffect, useReducer, useContext, useMemo, and custom hoo
Build a Full-Stack App with React and Spring Boot Integration8/16/2024 7:18:49 AM. Learn how to build a full-stack application by integrating React with Spring Boot. This guide covers the seamless communication between frontend and backend using React for the user interface and Spri
How to Create a Service in React?8/14/2024 8:18:25 AM. Learn how to create a service in React with this comprehensive step-by-step guide. Discover the essentials of React services, from setting up your environment to building and integrating services with
Managed Metadata In SharePoint8/13/2024 11:18:59 AM. This article is about Managed Metadata in SharePoint. Managed Metadata in SharePoint centralizes term management across sites, enhancing content organization and consistency. It improves search accura
Migrating from Next.js 14 to Next.js 158/8/2024 11:31:34 AM. Upgrading from Next.js 14 to 15 involves updating dependencies, addressing breaking changes, and leveraging new features. Key steps include reviewing release notes, testing with new dependencies, adju
Optimizing Performance in Next.js8/8/2024 10:06:30 AM. Performance is crucial in web development, and Next.js offers several tools and strategies to ensure your application runs efficiently. This article covers essential techniques for optimizing performa
How to Implement Dynamic Routing in Next.js?8/8/2024 6:18:39 AM. Learn how to use dynamic routing in Next.js to build flexible and scalable applications. This guide covers setting up dynamic routes, nested routes, catch-all routes, and API routes. Discover how to l
Routing in React JS with TypeScript8/8/2024 5:52:19 AM. Routing is a crucial feature for single-page applications (SPA) as it allows navigation between different views or pages without reloading the entire application. React Router is the most popular libr
Creating a Simple Calculator with React.js8/8/2024 5:30:31 AM. Learn how to craft a simple calculator using React.js. Follow our detailed steps to set up the environment, create components, implement logic, and add styling for a functional calculator app.
Using Next.js with TypeScript8/7/2024 7:29:18 AM. Integrating TypeScript with Next.js enhances code quality by adding static types. Start by creating a Next.js project, then install TypeScript and necessary type definitions. Configure tsconfig.json,
How to Use Hooks in React?8/7/2024 5:43:16 AM. React Hooks, introduced in React 16.8, allows you to use state and other features in functional components without classes. Key hooks include useState for managing state, useEffect for side effects, a
Getting Started With Razor Pages In ASP.NET Core 2.08/5/2024 3:54:59 AM. ASP.NET Core 2.0 introduces Razor Pages, a streamlined alternative to MVC for focusing on UI rather than complex logic. With Razor Pages, you manage server-side logic in code-behind files, simplify ro
How to Implement Pagination in Next.js8/2/2024 5:22:44 AM. Pagination helps manage large datasets by dividing them into manageable chunks. You can implement pagination in Next.js either server-side or client-side. Here's a streamlined guide to get you sta
Top 10 New Features Of ASP.NET Core 2.07/31/2024 4:33:41 AM. ASP.NET Core 2.0, part of the .NET Core ecosystem, offers enhanced performance and productivity with features like minimal code requirements, Razor Pages, and new meta packages like Microsoft.AspNetCo
Building Dynamic Timers in React Managing State and Effects7/25/2024 12:12:10 PM. This example demonstrates managing dynamic Timer components in React. Each Timer independently tracks button clicks and elapsed time, with start, pause, and reset functionality. The ExampleComponent a
Explain Adding a Loader in Next.js7/24/2024 9:32:26 AM. Adding loaders in a Next.js app enhances user experience by showing visual cues during data fetching and page transitions. Create a Loader component with CSS for styling and use it globally or locally
Next.js vs. React: Key Differences and Use Cases7/22/2024 5:10:25 AM. Next.js and React are popular tools in the web development ecosystem. While React is a JavaScript library for building user interfaces, Next.js is a framework built on top of React that offers additio
Why Choose React in 20247/18/2024 9:36:57 AM. In this article, we will learn how React continues to evolve with cutting-edge features, making it the preferred choice for building dynamic and efficient user interfaces on the web.
Implementing v2 and v3 reCaptcha using React7/10/2024 9:09:35 AM. CAPTCHA (Completely Automated Public Turing test to tell Computers and Humans Apart) is a security measure to differentiate between humans and bots. reCAPTCHA, a Google tool, enhances this by generati
Name a few techniques to optimize Reactjs app performance7/7/2024 8:27:52 AM. Optimizing React app performance involves leveraging techniques like React. memo, useMemo, and use callback to minimize unnecessary re-renders. Employing code splitting via dynamic imports with React.
What are the Different Ways to Style a Reactjs Component?7/5/2024 5:24:38 AM. Styling React components can be done using various methods, including CSS stylesheets, inline styles, CSS modules, styled-components, Emotion, Styled JSX, Tailwind CSS, SASS/SCSS, and BEM methodology.
How to Pass Data Between Reactjs Components?7/5/2024 5:19:49 AM. Learn methods for passing data between React components, including props, state lifting, Context API, custom hooks, and third-party state management libraries like Redux, each suited for different app
What is the Purpose of getDerivedStateFromError in ReactJS7/3/2024 9:20:52 AM. GetDerivedStateFromError is a lifecycle method in ReactJS used for error handling within components. It allows components to catch JavaScript errors during rendering, updating, and in lifecycle method
What are Custom Hooks in ReactJS7/3/2024 9:19:26 AM. Custom Hooks in ReactJS empower developers to extract reusable logic from components into standalone functions, enhancing code organization and reusability. They encapsulate stateful logic, side effec
Build & Containerize Product App with React JS .NET Core Docker7/2/2024 8:45:14 AM. Learn how to develop and containerize a modern product application using React JS for frontend development, .NET Core for backend services, and Docker for efficient deployment.
How to Add ESLint to an Reactjs Application7/2/2024 7:17:55 AM. Learn how to enhance your Reactjs application's code quality with ESLint in this comprehensive guide. ESLint is a powerful tool for identifying and fixing code errors, enforcing coding styles, and
What is the Purpose of RenderToNodeStream Method in ReactJS7/2/2024 7:15:18 AM. The renderToNodeStream method in ReactJS enables server-side rendering with streaming support, enhancing performance by sending chunks of HTML to the client as they're generated.
NPM Script 'start' Exited Without Completing Create-React7/2/2024 7:02:18 AM. When developing a Microsoft Teams Personal app deployed to Azure App Service with a .NET Core backend, an AggregateException error occurred: "The NPM script 'start' exited without indicat
Building a Dynamic E-commerce Dashboard with React and Bootstrap7/2/2024 5:29:34 AM. This guide covers the essentials of building a responsive, interactive interface for managing e-commerce data in real-time. Perfect for web developers looking to enhance their skills in front-end deve
Building a Responsive Navbar with React and Bootstrap7/2/2024 5:24:04 AM. In this article, we will explore step-by-step instructions to integrate Bootstrap's powerful UI components with React's flexibility, ensuring your navigation adapts seamlessly across devices.
Setting Up a Basic React Application with Routing7/1/2024 6:40:41 AM. Learn to build a React app with routing using react-router-dom. Set up a structured folder layout, define routes in Main.js, integrate components in App.js with BrowserRouter, and configure the entry
Building a CRUD Application in React7/1/2024 6:39:05 AM. Learn how to build a CRUD application in React with this comprehensive guide. From setting up your development environment to implementing Create, Read, Update, and Delete functionalities, this tutori
Beginner's Guide to useNavigate() Hook in ReactJS6/28/2024 8:47:03 AM. Discover how to use the useNavigate hook in ReactJS with this beginner's guide. Learn to navigate programmatically within your React application using the useNavigate hook, part of React Router v6
Understanding React Hook at a Glance6/28/2024 6:36:47 AM. React Hook at a Glance" provides a concise overview of React Hooks, the revolutionary feature introduced in React 16.8 that allows developers to use state and other React features in functional c
Routing in react js for Begineers6/28/2024 5:05:49 AM. Routing in React JS for Beginners" is a comprehensive guide designed to introduce newcomers to the fundamentals of routing in React. Learn how to set up React Router, navigate between components,
Comparison of Angular and React6/27/2024 9:41:20 AM. This article provides a comprehensive comparison of Angular and React, two of the most popular frontend frameworks in web development. It covers various aspects such as performance, scalability, learn
Styling in React with Styled Components and TypeScript6/27/2024 4:54:20 AM. Using Styled Components and TypeScript, Ziggy Rafiq illustrates how to enhance the styling of React applications. With Styled Components, you can write CSS in JavaScript, simplifying the management of
Containerization of React JS Application using Docker6/25/2024 6:04:39 AM. Learn to create a sample React JS application and containerize it using Docker. This guide covers prerequisites, step-by-step instructions for creating and running a React app, generating a Docker fil
Type-Safe Routing in React with React Router and TypeScript6/25/2024 4:54:16 AM. This insightful guide by Ziggy Rafiq explains how React Router and TypeScript can be used to achieve type-safe routing in React applications. Set up static routes using TypeScript's robust type sy
Build And Deploy The Client Side Web Part (SPFx) In SharePoint Online6/24/2024 9:03:05 AM. The article introduces SPFx (SharePoint Framework), ideal for SharePoint Online. It contrasts with older app models, highlighting its client-side Web parts for faster loading without IFrames. It cover
How to Integrate GraphQL with React.js6/22/2024 1:43:08 PM. Learn how to seamlessly integrate GraphQL with React.js in your web development projects. Discover the fundamentals of GraphQL, set up GraphQL clients like Apollo Client, handle queries, mutations, an
What is the React Strict Mode: Enhancing React Development6/22/2024 10:29:37 AM. React Strict Mode is a development tool in React that helps identify potential issues in an application by highlighting them early. It enforces best practices, improves performance, and ensures code q
How Can We Achieve Code Spliting in React Js?6/21/2024 7:18:45 AM. In this article, I explain how to make React applications faster by loading only the code that's needed at the moment. I talk about using methods like dynamic import(), React.lazy, and Suspense to
Building Progressive Web Apps (PWAs) with Next.js6/21/2024 6:20:28 AM. We highlight the advantages of using Next.js to build PWAs, emphasizing their capability to provide a user experience similar to native apps. By utilizing Next.js, we maintain the benefits of web tech
Using React Components In SPFx Extension Application Customizer6/17/2024 11:23:06 AM. SharePoint Framework (SPFx) Extensions enhance SharePoint by customizing placeholders such as headers and footers using React components. Learn to create SPFx solutions with Yeoman, manage npm depend
Using Jquery in React Application6/16/2024 2:46:19 PM. Discover how to effectively integrate jQuery into your React application. This guide covers the essentials of using jQuery with React components, handling DOM manipulation, leveraging React lifecycle
How to Implement Fluent UI in React6/15/2024 9:00:14 AM. Learn how to use Fluent UI in React to create modern, responsive, and accessible user interfaces. This guide covers setting up Fluent UI, integrating its components, and customizing styles for your Re
Creating a Web Resource Based on React TypeScript in Dynamics 3656/13/2024 8:02:59 AM. Integrating React and TypeScript with Dynamics 365 enables developers to build responsive and maintainable user interfaces. This approach leverages modern web practices for enhanced performance, reusa
Choose Context API or Redux for React State Management6/13/2024 4:59:19 AM. This article explains state management in React using Context API and Redux. It covers creating and using Context for state sharing without prop drilling and setting up Redux for more complex state ne
How to use Formik in React Js?6/11/2024 9:59:23 AM. Formik is a popular form management library for React applications. It simplifies the process of building and handling forms by abstracting away much of the boilerplate code associated with form handl
Create a React App in the VSCode6/10/2024 11:54:18 AM. For every enthusiastic developer and progressive learner have initial setup to start the learning. For those devs this is going to help to start creating the react application in the vs code. Will se
A Step-by-Step Guide to Creating a Chrome Extension with React6/9/2024 5:14:15 PM. Building a Chrome extension using a React app developed with TypeScript and bundled with Webpack offers a modern approach to browser extension development. In this blog, I will guide you through the s
PnP Combo Box List Item Picker In SharePoint Framework6/7/2024 10:23:01 AM. Explore PnP React Controls for SharePoint Framework, including the Combo Box List Item Picker. Learn how to set up, implement, and deploy this control to select items from a list, enabling efficient
Improve Web Performance Using Debouncing in React.js6/5/2024 5:03:16 AM. Debouncing is a programming technique used to improve performance by limiting how often a function, such as an event handler. In React.js, it's commonly applied to optimize tasks like search input
How to Use Combine framework in SwiftUI?5/28/2024 10:43:33 AM. Combine framework enhances SwiftUI by managing data flow, essential for reactive UIs. Publishers emit data, subscribers receive, and operators transform streams. Learn to create publishers, subscribe
State Management in React with TypeScript5/28/2024 4:13:37 AM. Ziggy Rafiq delves into the React Context API as well as popular libraries such as Redux to discuss the intricacies of state management in React applications. Take a look at various approaches and fin
React Hook for Optimize Performance5/27/2024 10:59:35 AM. React Hook for optimized performance" refers to leveraging useMemo, useCallback, and other hooks to enhance React app efficiency. These hooks memoize values and functions, reducing unnecessary re
Implementing Google OAuth in React.js5/25/2024 11:50:21 AM. Implementing Google OAuth in React.js enables secure user authentication by integrating Google's OAuth 2.0 authorization mechanism. This guide covers the steps to set up OAuth in a React applicati
How to re-render the View When the Browser is Resized in ReactJS5/24/2024 9:59:44 AM. To re-render a ReactJS view upon browser resize, utilize the use effect hook to add a resize event listener. Upon resizing, update state variables triggering a re-render of the component, ensuring res
How to Pretty Print JSON with ReactJS5/24/2024 8:51:11 AM. Pretty printing JSON in ReactJS enhances readability by formatting data with proper indentation. Utilizing JSON.stringify and React components, here's a comprehensive guide for implementation and

Topics