Merge Sort in React

In this post I will show how to do a simple implementation of the Merge Sort in React.

Creating a Search Filter in React and RxJs

In this post I will show how to create a type to search filter using React and RxJs.

Routing with React Router 4

In this post I will show how to use React Router 4 to add routing to a React application.

Pub Sub with RxJs in React

In this post I will show how to use RxJs to implement pub sub in React components.

Integrating React with Angular

I am continuing my Angular article series and today I want to show you how to integrate non Angular code in Angular. Specifically I will be integrating an existing React/Flux component with an Angular host component.

Getting started with React Native

In a previous post I showed how to use React to create both client side and server side web components. In this post I will demonstrate how to use React Native to create an IOS application.

Converting React jsx files using Webpack

In this post I will demonstrate how to use Webpack to bundle React jsx files into regular JavaScript code.

Creating a Treeview using React and Flux

In this post I will demonstrate how to create a Treeview component using React and Flux.

React components - server side and client side

One of the great things about React is the ability to easily share components between server and browser. In the following post I will demonstrate how to run the same exact React component server side and client side. The server used in this example is NodeJS/Express.

Decoupled object models in React

A common criticism of React seems to be that it's tearing down the barrier between view and object model - better known as separation of concerns. Some are even claiming that React is taking us back in time by reintroducing anti patterns from the past where Html and JavaScript were tightly coupled and intertwined like spaghetti. I find this view to be misguided, and will through a simple example, demonstrate how to integrate decoupled object models in React.

Hiding and showing elements in React

In the following post I will demonstrate how to conditionally render content in a React component.

Integrating React components in Angular

React has emerged as a popular library for creating complicated user interfaces, most notably Facebook and Instagram. React is great for building reusable components and one of its strengths is how easily it integrates with other frameworks. In this post I will demonstrate how to integrate a simple React component in an existing Angular application.