Serve Webpack bundle from Koa server using koa2-connect

The article explains how to serve a Webpack bundle from a Koa server. Webpack is used for preparing client bundles composed of JavaScript, styles and assets. Koa is a node server, very similar to express. The article shows how to use webpack-dev-middleware in Koa request processing pipeline with the help of koa2-connect package. The webpack-dev-middleware package provides the client bundle over a[…]

Read more

React state management patterns.

React is unopinionated and may be that is a problem. React component has a state. The state within the component get a bit messy for any medium-sized application. State management libraries like Flux, Redux or Mobx are available to manage state. The Flux pattern enables uni-directional data flow in a React application. The article explains the various patterns available to manage state and control[…]

Read more

Two mistakes with Redux code

Last week, I made two mistakes with my Redux code. Mistake #1: deepClone Redux state The state within the reducer is immutable. That is, the old state should never be changed. To ensure that the old state never gets changed, I got a “cool idea”. Do a deepClone of the entire state. So, my reducer code looked like:

The[…]

Read more

Minimal scaffolding for React with Webpack

The article explains how to do a minimal scaffolding of React application using Webpack. Setup Git. Setup npm. Install packages. Setup babel. Setup Webpack. Define entry. Include bundle. Run application. Setup Git Setup a git repo as follows.

Setting up a git repo is optional if you are only doing a demo. The next step which creates a project[…]

Read more

Customise Bootstrap in Meteor with Less

Meteor is a JavaScript framework built on top of NodeJS to create web applications and mobile apps based on Cordova. Bootstrap is a popular stylesheet theme maintained by core developers from Twitter. This article explains how to customise Bootstrap within a Meteor application. Bootstrap styles are written in Less. Less is similar to SASS. It allows to reuse variables and[…]

Read more

Available for projects in React

Over the last six months, I am working intensely with the React ecosystem. I developed a web application and two native apps from the scratch. I have also been working on a few existing applications for start-ups based in New York, Spain, and Sweden. The move away from .NET has been amazing. I have never learnt something this fast. And I[…]

Read more

Quick guide to learn Entity Framework

The article provides a quick guide to understanding Entity Framework. Why Entity Framework? Entity Framework is an ORM layer which implements the Unit of Work pattern. For ASP.NET, the request processing can be considered as a business transaction. Entity framework keeps a track of all changes made to database entities and allows the changes to be saved in a single transaction.[…]

Read more