Category: reactjs

How to Learn React: Everything You Need to Get Started

React is a JavaScript library, originally built by developers at Facebook, for building fast user interfaces. If you’re dipping your toe into the React waters, or if your React development journey is picking up speed, it can be hard to stay across the fundamentals, techniques, tools and tricks – so we’...

ReactJS in PHP: Writing Compilers Is Easy and Fun!

I used to use an extension called XHP. It enables HTML-in-PHP syntax for generating front-end markup. I reached for it recently, and was surprised to find that it was no longer officially supported for modern PHP versions. So, I decided to implement a user-land version of it, using a basic state-machine compiler. It se...

Procedurally Generated Game Terrain with React, PHP, and WebSockets

Last time, I began telling you the story of how I wanted to make a game. I described how I set up the async PHP server, the Laravel Mix build chain, the React front end, and WebSockets connecting all this together. Now, let me tell you about what happened when I starting building the game mechanics with this mix of Rea...

Game Development with React and PHP: How Compatible Are They?

“I’d like to make a multiplayer, economy-based game. Something like Stardew Valley, but with none of the befriending aspects and a player-based economy.” I started thinking about this the moment I decided to try and build a game using PHP and React. The trouble is, I knew nothing about the dynamics of...

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 these same principles can be applied to React components. Pure Functions A function is considered pure if it adheres t...

Creating a Mobile Application with Reapp

React is a JavaScript library focused on building user interfaces. It’s increase in popularity has been helped in part due to to fact that it’s created, used and maintained by Facebook. Why React ? React works on the concept of the “virtual DOM” which makes it different to other JS libraries. Wh...

Creating Isomorphic Apps with Node.js, React, and Express

Over the past few years, the Web community has been abuzz with “isomorphic apps”. They are apps where the markup is rendered on the server and fed to the browser as complete HTML, and the successive user interactions are handled by client side rendering. This is useful as it lead to outcomes like faster page loadin...

Video: Controlled vs Uncontrolled Components in React

In this video we look at controlled inputs in React. This is unique concept to React that can be tricky to understand at first. We’ll be polishing the demo we started in the last lesson “Introduction to One-Way Data Flow.” Loading the player… jwplayer("video-5665").setup({ image: "https:...