Category: RalphM

A Guide to Testing React Components

React is a framework that has made headway within the JavaScript developer community. React has a powerful composition framework for designing components. React components are bits of reusable code you can wield in your web application. React components are not tightly coupled from the DOM, but how easy are they to uni...

Dealing with Asynchronous APIs in Server-rendered React

If you’ve ever made a basic React app page, it probably suffered from poor SEO and performance issues on slower devices. You can add back traditional server-side rendering of web pages, typically with NodeJS, but this isn’t a straightforward process, especially with asynchronous APIs. The two main benefits ...

Async Operations in React Redux Applications

This post was originally posted at Codebrahma. JavaScript is a single-threaded programming language. That is, when you have code something like this …… the second line doesn’t get executed till the first one gets completed. Mostly this won’t be a problem, since millions of calculations are performed b...

How to Build a React App that Works with a Rails 5.1 API

React + Ruby on Rails = 🔥 React has taken the frontend development world by storm. It’s an excellent JavaScript library for building user interfaces. And it’s great in combination with Ruby on Rails. You can use Rails on the back end with React on the front end in various ways. In this hands-on tuto...

Getting Started with React: A Beginner’s Guide

In this guide, I’ll show you the fundamental concepts of React by taking you through a practical, step-by-step tutorial on how to create a simple Message App using React. I’ll assume you have no previous knowledge of React. However, you’ll need at least to be familiar with modern JavaScript and NodeJS...

Exploring New Features in React 16

In this post, we’re going to learn how to create a music player using some of the new features in React 16. In implementing this music player, we’re going to learn about some of the changes in React 16. There are quite a few changes, so we won’t cover all of them, but we’ll cover the ones that are impor...

How to Tell if React is the Best Fit for Your Next Project

Nowadays, users expect sleek, performant web applications that behave more and more like native apps. Techniques have been devised to decrease the waiting time for a website to load on a user’s first visit. However, in web applications that expose a lot of interactivity, the time elapsing between a user action ta...

How to Organize a Large React Application and Make It Scale

This article is by guest author Jack Franklin. SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of the Web community In this article, I’ll discuss the approach I take when building and structuring large React applications. One of the best features of React is how it gets...

React vs Angular: An In-depth Comparison

Should I choose Angular, or React? Today’s bipolar landscape of JavaScript frameworks has left many of developers struggling to pick a side in this debate. Whether you’re a newcomer trying to figure out where to start, a freelancer picking a framework for your next project or an enterprise-grade architect p...

Managing Code Components with Bit

As the world moves to software architecture based on microservices and multiple repositories, the ecosystem struggles to keep code bases maintainable. From monoliths to publishing hundreds of micro-packages, solutions try to battle growing code duplications across repositories. Bit is a new OSS distributed code compon...