The Silverline BlogExpert Salesforce tips & tricks, articles and musings. Sprinkled with fun.

How-to Use ReactJS and Redux in Salesforce

Help & Training

Silverline has seen an influx of projects where clients require a strong custom mobile presence. This has led us to start looking at new web technologies and programming languages to achieve this. One language that has stood out to our team is ReactJS.

ReactJS is a language developed by Facebook that helps with creating and maintaining HTML views in JavaScript (The “V” in MVC as they describe it). This allows a more modular design while designing a web application to run in Salesforce. It also allows the code to be more portable since it does not rely on any Salesforce specific tags, only pure HTML and JavaScript.

source code in react

An example of source code written in React.

 

JSX code to render HTML

JSX code to render HTML

Along with ReactJS, we needed a new way to maintain the state/data of our web application. This is where Redux comes into play. Redux is a predictable state container for JavaScript apps.

To help you out, we’ve put together a GitHub repository to show how all these new technologies work in Salesforce. It includes a simple app that manages a list of Account Names.

How the app renders for both React and the "old" way.

How the app renders for both the React and the “old” way.

For more tips from the Silverline team, subscribe to our blog.

Leave a Reply

3 Comments on "How-to Use ReactJS and Redux in Salesforce"

Notify of
avatar
Sort by:   newest | oldest | most voted
Tony
Guest

Very nice! How does this play with Aura based components? Any concerns or conflicts to be aware of?

Bryan Anderson
Guest

I have not tested any of this with Lightning or Aura. This is just for Visualforce or pure HTML pages.

trackback

[…] Silverline continues to see a large demand for heavy custom front-end development. To tackle these projects, we have adopted the ReactJS framework for building our applications’ views and Redux for managing their state. For an intro to using ReactJS and Redux on Salesforce, take a look at Bryan Anderson’s article, How-to Use ReactJS and Redux in Salesforce. […]

wpDiscuz
Need a custom solution? We can help. Let's Chat