Higher Order Components: A React Application Design Pattern
In this article we will discuss how to use Higher Order Components to keep your React applications tidy, well structured and easy to maintain. We’ll discuss how pure functions keep code clean and how...
View ArticleBuild a Stateful Real-Time App with React Native and Pusher
Users now expect apps to update and react to their actions in real-time. Thankfully there are a lot of language varieties and libraries now available to help you create these highly dynamic apps. In...
View ArticleAdding Analytics to a React Native App
Analytics help developers understand how users are using their apps and if features or improvements are worth spending valuable time on. Most native platforms have options built in, but what about...
View ArticleClik here to view.
Building Animated Components, or How React Makes D3 Better
D3 is great. As the jQuery of the web data visualization world, it can do everything you can think of. Many of the best data visualizations you've seen online use D3. It is a great library, and with...
View ArticleClik here to view.
Building a Game with Three.js, ReactJS and WebGL
I'm making a game titled "Charisma The Chameleon." It's built with React, Three.js and WebGL. This is an introduction to how these technologies work together using react-three-renderer (abbreviated...
View ArticleHow to Test React Components Using Jest
This article is by guest author Jack Franklin. SitePoint guest posts aim to bring you engaging content from prominent writers and speakers of the JavaScript community. In this article we will take a...
View ArticleRedux without React — State Management in Vanilla JavaScript
I am one of those developers who likes to do things from scratch and get to know how everything works. Although I am aware of the (unnecessary) work I get myself into, it definitely helps me appreciate...
View ArticleQuick Tip: Kick-Start React Projects with Create-React-App
Starting a new React project now days is not as simple as we'd like it to be. Instead of instantly diving into the code and bringing your application to life, you have to spend time configuring the...
View ArticleUniversal React Rendering: How We Rebuilt SitePoint
SitePoint has a lot of great content and it's not just articles, so when we recently redesigned the SitePoint home page one of the goals was to do a better job of showing off other content like books,...
View ArticleClik here to view.
Build a React.js Application with User Login and Authentication
This article was originally published on Stormpath. Thank you for supporting the partners who make SitePoint possible. React (sometimes referred to as React.js) is an awesome way to build web UIs. The...
View ArticleClik here to view.
How to Work with and Manipulate State in React
The following is an excerpt from React Quickly, a hands-on book by Azat Mardan for anyone who wants to learn React.js fast. When accessing, working with, and manipulating state in React, it’s important...
View ArticleClik here to view.
React Storybook: Develop Beautiful User Interfaces with Ease
When you start a new front-end project, the first thing you usually do is create a beautiful design. You carefully plan and draw all of your UI components, as well as each state or effect they may...
View ArticleReact Quickly: How to Work with Forms in React
This article covers how to capture text input and input via other form elements like input, textarea, and option. Working with them is paramount to web development because they allow our applications...
View ArticleClik here to view.
Quick Tip: How to Build Your Custom Theme for Telescope Nova
Telescope Nova is the perfect platform to use if you want to build your own social web app fast and easy. This is a free and open-source project created by Sacha Greif. The front-end development part...
View ArticleReact 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...
View ArticleQuick Tip: How to Style React Components with styled-components
[special]While many aspects of building applications with React have been standardized to some degree, styling is one area where there are still a lot of competing options. Each has its pros can cons,...
View ArticleHow 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...
View ArticleClik here to view.
Build a CRUD App Using React, Redux and FeathersJS
Building a modern project requires splitting the logic into front-end and back-end code. The reason behind this move is to promote code re-usability. For example, we may need to build a native mobile...
View ArticleOptimizing React Performance with Stateless Components
This story is about stateless components. This means components that don't have any this.state = { ... } calls in them. They only deal with incoming "props" and sub-components. First, the Super Basics...
View ArticleBuilding a Full-Sphere 3D Image Gallery with React VR
React VR is a JavaScript library by Facebook that reduces the effort of creating a WebVR application. You may compare React VR with A-Frame by Mozilla, but instead of writing HTML, with React VR we are...
View Article