• react
    React,  Typescript

    Publish npm Typescript react component

    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
    CSS,  React

    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…

  • react
    ASP.NET Core,  React,  Webpack

    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
    ASP.NET Core,  React,  SPA

    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
    ASP.NET Core,  React

    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
    ASP.NET Core,  React,  Typescript,  Webpack

    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…