The ASP.NET Core React Project

In the last post I wrote, I had a first look at a plain, clean, and lightweight React setup. I’m still impressed how easy the setup is and how fast the loading of a React app really is. Before trying to push this setup into an ASP.NET Core application, it would make sense to have a look at the ASP.NET Core React project.
Create the React Project
You can either use the “File New Project …" dialog in Visual Studio 2017 or the .NET CLI to create a new ASP.NET Core React project:

Link: https://dzone.com/articles/the-aspnet-core-react-project?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Trying React the First Time

The last two years, I have worked a lot with Angular. I learned a lot and I also wrote some blog posts about it. While I worked with Angular, I always had React in mind and wanted to learn about that. But I never head the time or a real reason to look at it. I still have no reason to try it, but a little bit of time. So why not?  This post is just a small overview of what I learned during the setup and in the very first attempts at using React.

Link: https://dzone.com/articles/trying-react-the-first-time?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Declarative D3 Transitions With React 16.3 [Video]

The new React 16.3 brings some changes to the ecosystem that change how we go about integrating React and D3 to build data visualizations.
componentWillReceiveProps, componentWillUpdate and compnentWillMount are on their way out. They were great for making React and D3 happy together, but they cause issues with the async rendering that the React team is planning for React 17.

Link: https://dzone.com/articles/declarative-d3-transitions-with-react-163-video?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Hybrid Spring Boot and React or Angular: A Better Way

This article presents a better solution for a hybrid React or Angular and Spring Boot project. It uses create-react-app or ng new and overlays a Spring Boot Maven project on top, which is the inverse of other approaches. The goal is to retain a first-class React or Angular dev environment alongside Spring Boot and attempt to find a no-comprises approach for both.
If you want to see the solution, please jump ahead in this article. All source code is available at https://github.com/murphye/hybrid-react-angular-spring-boot-apps

Link: https://dzone.com/articles/hybrid-spring-boot-and-react-or-angular-a-better-w?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

3 Essential Tips for Managing State in React Applications

If you’re new to React, or are getting ready to start a new React application, you’re thinking a lot about the tools and libraries you want to use. You’re considering Kendo UI, Bootstrap or Semantic UI for your visual components. You’re debating the merits of Yarn and npm and trying to determine which is the best solution for package management.
(Also check out Bandon’s 3 Performance Tips to Speed Up Your React Applications) 

Link: https://dzone.com/articles/3-essential-tips-for-managing-state-in-react-appli?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Livecoding Recap: A New, More Versatile React Pattern

I’m working on a React and D3 library that I’ve been thinking about for two years. My goal is to build simple-react-d3, a React and D3 library that never gets in your way.
Most libraries give you composable and reusable charting components that are easy to use and quick to get started with. They’re great for simple charts.

Link: https://dzone.com/articles/livecoding-recap-a-new-more-versatile-react-patter?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

React Guide to Props – Part III

Previously we’ve learned how to pass props in react and also how to indirectly communicate between components using props. Today, we’re getting to the finale of this props guide series, where we’ll talk about how to check whether we passed correct props.
React Props – Make Sure You Are Typechecking
As the application you’re working on grows, you’ll definitely want to add some kind of prop typechecking – you don’t want bugs you’ll work on for hours or days before you realize you just sent an empty array instead of an object!

Link: https://dzone.com/articles/react-guide-to-props-part-iii?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev

Adding a New Screen to the React Template Project

In this post, I started looking into React.js. Following getting the sample project running, I decided that I’d try adding a new screen. Since it didn’t go as smoothly as I expected, I’ve documented my adventures.
The target of this post is to create a new screen, using the sample project inside Visual Studio.

Link: https://dzone.com/articles/adding-a-new-screen-to-the-react-template-project?utm_medium=feed&utm_source=feedpress.me&utm_campaign=Feed%3A+dzone%2Fwebdev