Create a Card Game in Canvas with React Components

Create a Card Game in Canvas with React Components

What’s a website without a little fun and games now and then?  Even if you’ve never made a game before, or have no experience with game engines like Unity, that’s okay! Instead, you can channel the power of React Components and put your web development knowledge to work adding some fun aspects to your website. … Read moreCreate a Card Game in Canvas with React Components

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

The Complete Programming and Full-Stack Bundle – 20 Course Smart Curriculum

???????? Go from beginner to full-stack developer! The Complete Programming and Full-Stack Bundle is the world’s most effective way to go from beginner to professional coder. Whether your goal is to advance your career, start your own business or expand your existing skill-set, our 20-course Smart Curriculum has something in store for you. This bundle is suitable both … Read moreThe Complete Programming and Full-Stack Bundle – 20 Course Smart Curriculum

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

How to Submit Forms and Save Data with React.js and Node.js

In my last two tutorials, I covered the basics of React.js and form error handling in React.js. In each case, I used hard-coded data. React is a front-end library, providing no easy way to save to, or read information from, a database or file. That is the part we will cover in this tutorial. React … Read moreHow to Submit Forms and Save Data with React.js and Node.js

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