React

Great Reads

Using Create-React-App and .NET Core 3.0 to Build a React Client (Global Weather) - Part 1

by Fred Song (Melbourne)

Global Weather - React App with ASP.NET Core 3.0

OpenFin : A small example app using it

by Sacha Barber

A little demo app to try out OpenFin

Building React Web Apps on .NET Core

by dsuryd

Simple, lightweight, yet powerful way to build real-time React + C# .NET web apps with dotNetify-React.

Pure Component In React

by Pankaj Kumar Choudhary

In this article, we learn what is pure component, how its works, and what are the benefits of pure component.

Latest Articles

LibreGrid: Drop Into Your App, In 5 Minutes CRUD Your Custom JSON Data

by raddevus

Drop in this React component and in 5 minutes, you can have it CRUDing your custom data.

Track Your Expenses with this Next.js/React App

by Jerome Vonk

Granola is a web app for tracking your expenses with custom categories, reports and charts

Introducing node.data.obfuscator

by Alen Toma

This library is built so that you could secure JSON or string data in JS files. The library will shuffle the data in memory and make it unreadable for the naked eye.

React Icon Set for CRUD Applications

by Evoluteur

SVG icon set for CRUD applications packaged as a React component with light & dark themes and tooltip.

All Articles

top

React

Using Create-React-App and .NET Core 3.0 to Build a React Client (Global Weather) - Part 1

5 Feb 2020 by Fred Song (Melbourne)

Global Weather - React App with ASP.NET Core 3.0

OpenFin : A small example app using it

6 Mar 2019 by Sacha Barber

A little demo app to try out OpenFin

Pure Component In React

6 Mar 2018 by Pankaj Kumar Choudhary

In this article, we learn what is pure component, how its works, and what are the benefits of pure component.

Supporting the Lost Animals Search Service Through a Simple and Useful Mobile App

19 May 2022 by André Marcos, GracianoSouza

React Native, Node.js and PostreSQL, a PERN stack to develop an app to support the lost pets searching process

Step by Step Migration - Webpack 3 to Webpack 4

26 Feb 2019 by Rahul Sabharwal

This article details the migration steps from Webpack 3 to Webpack 4.

Track Your Expenses with this Next.js/React App

8 Dec 2022 by Jerome Vonk

Granola is a web app for tracking your expenses with custom categories, reports and charts

Reactive Autonomous States

27 Nov 2015 by Modesty Zhang

A practical example of utilizing Reactive Extensions RxJS for autonomous states in React components with greater expressiveness and concise code.

How to Build a React App Using a Mock Contacts API

8 Jan 2018 by Manjunath Matathamana

This tutorial teaches you how to build a React application from scratch. In addition, we will be using fetch API with React to make asynchronous calls to a mock server.

React… In One Day!

11 Dec 2018 by Luis F. Penedo

Setting up a React project in Visual Studio 2017

LibreGrid: Drop Into Your App, In 5 Minutes CRUD Your Custom JSON Data

10 Dec 2022 by raddevus

Drop in this React component and in 5 minutes, you can have it CRUDing your custom data.

Don't Use Bind When Passing Props

5 Jul 2016 by Dave Ceddia

Do not use bind when passing props

Deploy React and Express to Heroku

27 May 2018 by Dave Ceddia

You’ve got a React app, and an API server written in Express or something else. Now – how do you deploy them both to a server?

Demo App using React/Redux/Typescript and Hooks

27 Apr 2020 by Sacha Barber

Small demo app using React/Redux and hooks

A Simple React-Flux Example Using ES6

30 Mar 2017 by Muddassir Mohammed

This article demonstrates how to implement a simple Flux workflow using React along with a working example.

Where to Initialize State in React

27 May 2018 by Dave Ceddia

Ahh, the many ways of initializing state. It can be confusing. Do you put the state = {...} directly inside the class, or do you write a constructor and say this.state = { ... } inside the constructor? And do you need to have a constructor at all?

Why Not To Modify React State Directly

2 Jun 2018 by Dave Ceddia

Everybody says don’t do it. Never mutate state directly, always call setState. But why, though?

Implementing Model View Update Pattern in Typescript

9 Aug 2020 by Volodymyr Kopytin

In this article, we will see how to build a small application in a functional way.

The Best React Data Grid: FlexGrid

5 Dec 2017 by christian.gaetano

In this article I walk through the steps to add React’s best data grid – FlexGrid – to your web app using only Facebook’s Create React App, Wijmo, and a few lines of JavaScript.

React Futures - Server Components

1 Sep 2021 by Kevin Ashley

A new experimental feature, React Server Components, allows to render components on the server

React Shop - A Tiny E-Commerce

31 Aug 2016 by Marcelo Ricardo de Oliveira

An e-commerce application made with Asp.Net MVC, ReactJS, ReactJS.Net and React-Bootstrap

Component Based Web Application

13 Nov 2015 by Modesty Zhang

Web application evolves to be more component-based, data-driven and service oriented. This article documents what we’re looking for and what we’ve found when evaluating Polymer and React for component-based web application development.

Microfrontends - From Zero to Hero

7 Dec 2019 by Florian Rappl

Microfrontends present the latest addition to the decoupling efforts of architects - are they worth the struggle?

Global Weather - React App with ASP.NET Core 3.0 (Part 2)

12 Dec 2019 by Fred Song (Melbourne)

Learn how to integrate rest API calls into React-Redux for client-side state management, using Redux to manage the data instead of directly accessing component state.

From MVC to Razor Pages

1 Oct 2017 by Marcelo Ricardo de Oliveira

Building a tiny e-Commerce on ASP.NET Core, Razor pages, React JS.NET and EF Core

Creating Real Time App with ASP.NET Core SignalR and React in Typescript

7 Apr 2020 by Vikas Sharma

Scrum poker app using ASP.NET Core SignalR 3.1 with React in Typescript

Building ReactJs component And Integration of ReactJs with AngularJS.

3 Jun 2015 by Ashtekar Amit

Building ReactJs component And Integration of ReactJs with AngularJS.

Create a Basic Sales App using React

1 Jan 2018 by Manjunath Matathamana

A step-by-step tutorial for building a basic sales application using React

Building a Simple Video Streaming App using OpenTok and React Native

28 Oct 2018 by Manjunath Matathamana

Developer Tutorial on Building a Video Streaming App using OpenTok and React Native

Quick Start ReactJS

5 Mar 2019 by Apurba pan

This document covers the basic knowledge of ReactJS and how to use React in web application.

From jQuery to React: the Transition of Thinking in Front-end Development

25 Sep 2017 by Chris_Yu

Functional programming in front-end development

How to Display a List in React

7 Aug 2018 by Dave Ceddia

How to display a List in React

React Bootstrap Table with Searching And Custom Pagination

29 Feb 2020 by Sanwar ranwa

How to use the React Bootstrap Table in React applications

SharePoint Framework aka SPFx Web part using React & REST API

19 Nov 2018 by Ashish Rastogi @11819728

SharePoint Framework WebPart to retrieve list items using React & REST API

Create user Registration and Login using Web API and React

8 Nov 2019 by Sanwar ranwa

In this article, we will learn the step by step process of creating login and registration pages using Reactjs and Web API

Perfect Pulled Pork with React Native, Expo, and Express

13 Jun 2018 by Dave Ceddia

. Or: Taking a Picture Every 30 Seconds and Sending It To A Server.. I was planning to make pulled pork the next day. That evening I set up the Weber kettle, got out the bag of charcoal and some chunks of apple wood, and laid everything out. Mise en place, as they say.