The React Newsletter

Learn how to use Docker and containerization in your React apps and understand the benefits though this straightforward example.

There's a dominant trend in software development around the idea of organizing our applications into sharable ecosystems called containers. This process of putting a piece of software into a virtual container is commonly known as containerization.

Containerization is useful because it provides a consistent environment for code to grow in, from development to deployment. Today, I want to walk through an effective strategy for doing this with a React app. We'll be considering how containerization enables us to better utilize the practices of continuous integration.

I have been learning React lately, and I have used create-react-app to create my React projects easily with minimal efforts and configuration, and i guess you too have most probably used create-react-app or react-slingshot to create your react apps.These are fantastic tools if you want to just focus on React and let them take care of the configuration. But is this the way you want to learn React?

Probably not, that’s why you are here. So let’s get started :)

You may use it every day, but have you seen what happens after Babel transpiles it?

I think a critical part of understanding how to use React effectively is understanding JavaScript and JavaScript expressions. So I’m going to show you a few examples of JSX and it’s transpiled version to help give you an idea of how this all works. As soon as you can transpile JSX in your head, you can use the abstraction more powerfully.

React components have a habit of growing over time. Before I know it, some of my app's components will be monstrosities.

But is this actually a problem? After all, it seems a little odd to create many small components that are used only once...

In this article, we are going to create a web application using ASP.NET Core 2.0 and React.js with the help of Entity Framework Core database first approach. We will be creating a sample Employee Record Management system and perform CRUD operations on it. To read the inputs from the user, we are using HTML Form element with required field validations on the client side. We are also going to bind a dropdown list in the HTML Form to a table in the database using EF Core.

We will be using Visual Studio 2017 and SQL Server 2014.

• Get 2 months free premium content on SkillShare
• Building 🔥 React components with Storybook in 30 minutes or so
• React 16 For Everyone
• Level 2 React Native with GraphQL
• Level 2 Meteor + React