DevSocial Articles · React articles

Explore the seamless integration of React Hooks and TypeScript in the latest guide by Ziggy Rafiq, now published on C# Corner. Discover how to unleash the power of functional components for efficient state and side effect management. Elevate your React development skills today

Ziggy RafiqMay 11, 20242,9651,000

Telerik UI for React, or KendoReact, streamlines React app development with a comprehensive toolkit. From efficient UI creation to robust features like SSR and TypeScript support, it enhances productivity and performance.

Jefferson S. MottaMay 10, 20245,2371,000

This article guides you through creating a React application using Telerik's npx command. From installing the Create React App to configuring the Telerik React app, it ensures a seamless setup process.

Jefferson S. MottaMay 10, 20241,3901,000

Explore the fundamentals of setting up React applications with TypeScript in this beginner's guide by Ziggy Rafiq. Learn about project structure, component creation, running your app, and configuring TypeScript for enhanced development.

Ziggy RafiqMay 9, 20242,4101,000

Part II of React on IIS covers advanced deployment techniques: optimization, caching, and server-side rendering for high-performance web applications on Internet Information Services.

Jefferson S. MottaMay 7, 20246,6871,000

Set up Node.js and Chocolatey on Windows, then create and run a new React application with Create React App.

Jefferson S. MottaApr 30, 20241,8701,000

Learn how to perform CRUD operations using a Web API with ReactJS. Explore creating, reading, updating, and deleting data through RESTful endpoints, integrating frontend React components with backend API endpoints efficiently.

Sanwar RanwaApr 15, 2024805,0921,000

Learn to integrate file upload functionality between ASP.NET Web API and ReactJS using Axios or HttpClient for backend communication. Utilize FormData for multi-part form data handling.

Sanwar RanwaApr 12, 202456,8071,000

Learn how to implement React hooks for CRUD operations with Web API. This tutorial covers setting up a React app, installing dependencies like Axios and Reactstrap, configuring routing, creating database tables, and implementing CRUD functionalities using React hooks and Asp.net Web API.

Sanwar RanwaApr 8, 202471,8181,000

In this article, we will learn to Integrate Reactstrap into ReactJS for enhanced UI components. Utilize Bootstrap's pre-designed elements for responsive and stylish interfaces. Simplify frontend development with React's component-based architecture combined with Reactstrap's rich library.

Sanwar RanwaApr 5, 202445,9851,000

Learn to integrate Material-UI library in React apps for efficient UI development. Install components like Button, AppBar, TextField, Checkbox, and Breadcrumbs. Build responsive user interfaces effortlessly.

Sanwar RanwaApr 5, 202437,0131,000

Arrow functions, a staple of modern JavaScript introduced in ES6, offer concise syntax and lexical binding, making them ideal for React. They streamline event handlers, callbacks, and functional components.

Jithu ThomasApr 3, 20242,5611,000

ReactJS utilizes ES6 features like classes, arrow functions, destructuring, template literals, spread operator, default parameters, and imports/exports for cleaner, concise, and maintainable code in React components.

Jithu ThomasApr 3, 20242,4341,000

Learn how JSX works in React and how to build reusable function components using props and state.

Jithu ThomasApr 3, 20241,7201,000

Event handling in React enables dynamic user interactions. It employs event handlers, synthetic events, passing event arguments, common event handlers, preventing default behavior, event bubbling, and best practices for efficient UI responses.

Jithu ThomasApr 2, 20241,7801,000

The React.js build workflow transforms development code into optimized production-ready versions. It involves dependency management, bundling, transpilation, minification, and optimization, ensuring faster loading times and better performance.

Jithu ThomasApr 2, 20242,1191,000

In this article, I will show you steps to make an interactive credit card form UI component in React application using the react-credit-cards-2 library.

Satyaprakash SamantarayMar 24, 20243,2661,000

In this tutorial, we will learn how to create a vertical column bar chart component in the React JS functional component. Creating a Column Bar Chart component in React using Apexcharts and Bootstrap. Configure data and options for visualization.

Satyaprakash SamantarayMar 18, 20243,3591,000

In this article, I'm going to show how to deploy the react application into a Docker container. the guide covers Dockerfile setup, optimizing Docker-compose configurations, and integrating Docker into your development workflow.

Manikandan MurugesanMar 15, 20242,0071,000

The hype around React seems to never get down. Many developers jump right into the codes without having a clear picture of what it actually is. In this article, I will expose that I have learnt and experienced in my journey to learn React. I will also be sharing some challenges that you may face.

Dryshtee Woozir-ManilallMar 11, 20241,7171,000

Create an Area chart component in a React.js functional component using Apexcharts and Bootstrap libraries. Explore Apexcharts' features, step-by-step implementation, and visualization of data.

Satyaprakash SamantarayMar 10, 20243,6861,000

Embark on a React Development Journey with our Introduction to React.js series!

Dhiraj PoojaryMar 9, 20241,8971,000

Dive into the React Development Journey Series and unlock the secrets of JSX, a game-changing language extension in ReactJS. Discover why JSX enhances the developer experience by simplifying UI component syntax, blending HTML-like tags with JavaScript logic.

Dhiraj PoojaryMar 9, 20241,6011,000

Strict mode in React enhances development by providing runtime checks and warnings, identifying unsafe lifecycle methods, and deprecated features, and promoting best practices for a more reliable codebase.

Alkesh BijarniyaMar 7, 20241,8351,000

useEffect and useLayoutEffect are React hooks for managing side effects in functional components. While similar, they differ in execution timing, scheduling (asynchronous vs. synchronous), and performance considerations. This breakdown clarifies their distinctions.

Alkesh BijarniyaMar 7, 20241,5951,000

React.js employs a declarative programming paradigm, emphasizing describing the desired UI state, contrasting with the imperative approach that dictates step-by-step operations. JSX simplifies React's declarative nature.

Alkesh BijarniyaMar 7, 20244,6881,000

In this article, we will explore building a basic calculator using React.js, leveraging its component-based structure and state management. Dive into JSX syntax, event handling, and UI design to create an intuitive user interface for performing simple arithmetic operations efficiently.

Eranda HoranagamaMar 7, 202439,0741,000

In React, "state" represents the internal data of a component, which can change over time due to user interactions or other factors. It's managed using the setState method, allowing components to rerender with updated data.

Priyanka JainMar 6, 202445,3161,000

Binding event handlers and methods as props in React involve passing functions from parent components to child components, ensuring proper binding to maintain the correct context. This pattern allows for efficient communication.

Priyanka JainMar 6, 202443,8301,000