Improving Performance in React Applications

Adrienne Gessler Design, JavaScript, Problem Solving, React 1 Comment

Let’s say you’ve stepped into a React application to make some updates or been involved in building one yourself. You have been at it a while, and feel somewhat comfortable using React, you understand React’s lifecycle and you may be using React libraries like Redux or MobX to some extent.

As with any technology, you start to notice that a few of the pages are looking a little slow. You know performance tuning too early is often a bad idea, but you feel like you might be at that point. After all, in your experience, end users notice even small lags and no one wants that. So what do you do now?

In this blog, I introduce six tips for improving performance and design in your React application.

data sanitization

Sanitize: Good for Beer, Good for Data

Jeremy Gard Databases, Design, JavaScript, Programming Leave a Comment

When it comes to brewing, one of the most critical considerations is sanitization. The same fact can be said for development. In brewing you can introduce unintended flavors, create a lesser end product, or completely ruin your hard work. With development, you can introduce inaccuracies or bad data, errors can be caused or exposed to attack, and security holes can be created.

With best practices in sanitization, we can all enjoy better applications and better beer. In this blog, I discuss the importance of data sanitization in development (with tips for success), with parallels to sanitization in brewing.

Keyhole Releases UI Design Tool MockOla For Free, Public Use

Lauren Fournier Company News, Design, Keyhole Creations Leave a Comment

The Keyhole Software team is excited to announce the standalone release of MockOla for free, public use. MockOla is a rapid design tool to easily create user interface mockups and wireframes. Using a drag-and-drop element editor implemented with HTML5 Canvas, users can lay out user interfaces mockups, concept designs, and wireframes. The tool boasts a number of customization palettes, including handy templates for …

Fabric.JS

Reinforcing The HTML5 Canvas With Fabric.js

Lou Mauget CSS & HTML, Design, Technology Snapshot Leave a Comment

This world is but a canvas to our imagination. -Henry David Thoreau Dynamic Web Graphics The past… Applets In the previous millennium, HTML markup had limited support for graphics. If we wanted dynamic graphics, or even a page that responded seamlessly to requests, we embedded a JavaScript VM in the page to host an Applet. Indeed, Applets were an original …

Responsive Design

Approaching Responsive Design

Vince Pendergrass CSS & HTML, Design, Mobile, Problem Solving, Technology Snapshot Leave a Comment

Coming from a Java back-end background and given the privilege to dive into the front-end space, I was finally able see what it was like to make a web application responsive. Although there are plenty of other benefits to responsive design, a main benefit is that there is now no need to create an application for every device out there. The use …