Creating a React and Reactstrap Card Gallery

For this tutorial, you will be utilizing React, npm, Node.js, Bootstrap, and Reactstrap. To keep all of the development environments static, I would advise everyone to use the same text editor like myself, Visual Studio Code, for this tutorial. If you are not familiar with React, I would recommend that you try this tutorial here … Read moreCreating a React and Reactstrap Card Gallery

Understanding React.js Higher-Order Components

App render after adding a Higher-Order Component

In this tutorial, we will approach React.js Higher-Order Components (HOCs), with the help of an easy to understand, basic example. To follow along, you will need some React.js and JavaScript knowledge, but everything is detailed in the checklist below. Download the source code You can follow along, and build your app from the ground up, or … Read moreUnderstanding React.js Higher-Order Components

Web Class: Creating a “Hello World!” App in React

Transcript In this video we’re going to use Atom’s terminal to start making your brand new app. And we are going to render your first React component. I hope you’re excited. Okay, so what we have here is our Atom browser, our Atom editor, and a web browser on the right side. In the Atom browser, open up your terminal and if … Read moreWeb Class: Creating a “Hello World!” App in React

Free eBook – The Complete Beginner’s Guide to React

Our newest eBook will introduce you to the fundamentals of React.js – a JavaScript created by Facebook and made popular for its streamlined ability to create interactive UIs. Written by Software Engineer and Web Developer Kristen Dyrr, this eBook will begin with the fundamentals, before encouraging you to code along with tutorials on form validation, … Read moreFree eBook – The Complete Beginner’s Guide to React

Creating a Crossword Puzzle game with React.JS – Part 2

Featured image - Crossword puzzle

In this second part of this tutorial, I will complete the Crossword Puzzle game. Like in part 1, we will continue to use JSFiddle for testing purposes.  In this part, we will complete this crossword game by handling events for user input. Learn React online If you are keen to learn React from the ground-up … Read moreCreating a Crossword Puzzle game with React.JS – Part 2

Creating a Crossword Puzzle game with React.JS – Part 1

Featured image - Crossword puzzle

In this tutorial, I will show you how to create a crossword puzzle app, using React.js. React is a high-performance, open-source, reactive Javascript UI library for client-side web applications. At first, you may find working with React confusing, but I will try to make this tutorial as simple as possible by taking it step by … Read moreCreating a Crossword Puzzle game with React.JS – Part 1

Form Validation Tutorial with React.JS

React.js is a fantastic user interface primarily library because the user’s view updates automatically when a state changes. This ability to show changes to the user quickly also makes it a good fit for user-facing form errors. React allows you to easily display errors as the form is being filled so the user doesn’t have to fill in … Read moreForm Validation Tutorial with React.JS

Beginner’s Guide to React.js, With Examples

React.js is a JavaScript library that was created by Facebook. It is often thought of as the “view” in a model-view-controller (MVC) user interface. This makes sense when you consider the fact that the only function that must be implemented in React is the “render” function. The render function provides the output that the user … Read moreBeginner’s Guide to React.js, With Examples

Tutorials on game, web and mobile app development