We have a couple small react component libraries to share. In addition to host the libraries at github.com, the best approach is to publish them at npm so that others can readily use them. So I went through the process to publish npm typescript module, documented it and share my steps to whoever might want to do the same. There…
-
-
react route transition css: css-transitioner
css-transitioner is a small footprint React wrapper component to enable react route transition (i.e. perform transition when changing route page). It works with client side routing to switch between pages. It all started out when we wanted to add transition to our page routing, instead of switching pages in a flash. However, we couldn’t find an easy way to make…
-
Hot Module Replacement (HMR) with React, ASP.NET Core
Hot module replacement (HMR) or hot loading is a feature of webpack allowing real time update of modules while the application is running, which could significantly speed up development. Enable Hot module replacement Goal: To enable HMR in the React application in a simple setup. Base project code: Example code from React with Typescript, Get started with ASP.NET Core serves as starting…
-
React Routing with redux-little-router, ASP.NET Core SPA
React Routing with redux-little-router is part 5 of a 5 parts React with ASP.NET Core series. This series will show you the setup necessary for building React single page application with routing and server-side rendering. For traditional web site that server is responsible to render all web pages, each page change requires browser to request and re-run the page from…
-
React with Server Side Rendering, ASP.NET Core
React with Server Side Rendering is part 4 of a 5 parts React with ASP.NET Core series. This series will show you the setup necessary for building React single page application with routing and server-side rendering. With the advance of technologies and more power devices/computers, websites have evolved from simple static files, server side rendering to generate static HTML pages,…
-
React with Redux, Get started, with ASP.NET Core
React with Redux is part 3 of a 5 parts React with ASP.NET Core series. This series will show you the setup necessary for building React single page application with routing and server-side rendering. What is Redux? Official answer: Redux is a predictable state container for Javascript apps. In other words, it is a single data store to manage and…
-
React with Typescript, Get started with ASP.NET Core
React with Typescript is part 2 of a 5 parts React with ASP.NET Core series. This series will show you the setup necessary for building React single page application with routing and server-side rendering. When I first dived into migrating from traditional server side rendering towards more focus on client side rendering using React, one major decision to make was…
-
React with ASP.NET Core, Get started using Visual Studio
React with ASP.NET Core Series – Part 1: This is part 1 of a 5 parts React with ASP.NET Core series. This series will show you the setup necessary for building React single page application with routing and server-side rendering. When I first started working on React, I struggled for quite a while in setting up the project correctly. Even…