The virtual DOM is one of the key characteristics of React. When you render a component, React creates a lightweight description of the UI, diffs it with the previous version, and generates a minimal set of changes to apply to the DOM. That diffing algorithm is very fast, making React particularly well suited for apps […]
Archive | React
Belgian Beer Explorer with React and Bootstrap on the Salesforce Platform
In my previous posts, I shared a React and an Ionic version of a Belgian Beer Explorer application that lets users search and explore over 1700 Belgian beers by name, style, brewery, etc. In this post, I’m sharing the same application built with React and Bootstrap on top of the Salesforce platform. When you build […]
Belgian Beer Explorer with React, Bootstrap, Node.js and Postgres
Belgium has a long tradition of beer making. According to Wikipedia, the country counts over 1700 beers of various styles including Trappist, Abbey, Saisons, Lambic, Gueuze, Fruit Beers, White, Double, Triple, Quadruple, etc. I thought it would be fun to build an app that lets users search and explore this list in different ways: by […]
Building Salesforce Apps with React.js
In my previous posts, I shared several examples built with the React framework: I demonstrated how to build a React application in 7 steps, how to implement animated page transitions for mobile apps, and how to build a React application with a Node.js back-end. In this post, I’ll share a sample React application that accesses […]
Employee Directory Sample App with React and Node.js
A couple of weeks ago, I shared an Employee Directory sample application built with React in seven steps. Employee directory is a mobile app that allows you to look up employees by name, view the details of an employee, and call, text, or email an employee. In this post, I share a new version of […]
Animated Page Transitions with React.js
After exploring React in my previous post, I started experimenting with ways to implement animated page transitions in mobile web and Cordova-based apps. ReactCSSTransitionGroup provides the basic infrastructure for CSS-based animations. But after a few promising experiments, I ran into this problem. I also wasn’t sure this approach would give me enough control to implement […]
Sample Mobile Application with React and Cordova
I recently spent some time playing with React, Facebook’s JavaScript framework for building user interfaces. The term “UI Framework” means different things to different people: In the case of React, it’s a framework that makes it easy to build and compose UI components; it is not a library of out-of-the-box UI components. Some key characteristics […]