Maksim IvanovProgramming tutorials

react posts ⤵

Command Line Applications Using React - Snake Game Tutorial

24 July, 2019 · React

Absolutely CRAZY combo!In this tutorial we’ll learn how to build a CLI Snake game using React and Javascript.One of the most powerful…

Render HUGE Lists In React - React Window Tutorial

17 July, 2019 · React

This is a tutorial on react-window, at the end of the article there is a link to a Github repo with code examples.Rendering lists in React…

Basic Webpack React Setup

22 June, 2019 · React

Usually is enough to create new React applications, and if you need to have some specific settings - you can always and alter its webpack…

React PropTypes

02 April, 2019 · React

Javascrpt is dynamic language, it doesn’t have static typechecking. You can’t syntactically specify that you function works only with…

React Context API

29 March, 2019 · React

In React application data and event handlers are passed down to children components through props. But sometimes you need to make some data…

Handling Errors In React

10 March, 2019 · React

One of the problems you might face when working on your React application is that some error happens in one of your components - it breaks…

Controlled And Uncontrolled Forms In React

10 March, 2019 · React

There are two ways of working with forms in React. Controlled and uncontrolled.Let’s see when should you use each of them.Uncontrolled…

React Synthetic Events

10 March, 2019 · React

The events that you get when your event handlers get triggered are actually - an abstraction around browser events provided by React.It has…

React Pure Components

10 March, 2019 · React

By default, a plain has set to return . You can write your own implementation of this method to avoid unnecessady re-renders.What Is…

React Functional Components

10 March, 2019 · React

The simplest way to define a component in React is to use function.You just declare a function that receives and returns some JSX layout…

React Lifecycle Methods

10 March, 2019 · React

ReactJS provides a bunch of methods that are executed during different stages of components life.Those are called lifecycle methods…

React Concept - Virtual DOM

08 March, 2019 · React

Unlike many other frameworks - React doesn’t update DOM directly on every change and uses VirtualDOM to to optimize re-renders.What Is…

How To Localize React Application Using `react-intl`

28 February, 2019 · React

In this tutorial we’ll localize React application from start to finish using react-intl made by Yahoo.We’ll use to generate a new…

React Dev Tools

27 February, 2019 · React

To develop React applications effectively - you’ll need to use React DevTools browser extension. It’s available for both Chrome and Firefox…

Handling Events In ReactJS

25 February, 2019 · React

Handling events in ReactJS is very similar to how it’s done on DOM elements. There are a few differences though.Event names are camelCased…

React Props

24 February, 2019 · React

In ReactJS is how components get data from their parent. When you add a tag to your JSX code and pass it some attributes - the components…

React Components

21 February, 2019 · React

Introduction to ReactJS Components.What Is ComponentA component is an isolated piece of interface. It contains some piece of layout…

Lists And Keys In React

20 February, 2019 · React

How to display lists of elements in React?You can use method to loop through an array of items and then use curly braces to insert it into…

Conditional Rendering In JSX

18 February, 2019 · React

There are many ways to have conditional expressions in your JSX code. Let’s look at them.If StatementThe easiest way to have condition in…

Starting With JSX

17 February, 2019 · React

Today we continue to learn ReactJS. In this React tutorial for beginners you’ll get familiar with JSX - syntax used in React applications to…

How To Install ReactJS

16 February, 2019 · React

How to install React?ReactJS is a Javascript library so by asking how to install it - you most likely mean “How to setup a React project…

Introduction To ReactJS

15 February, 2019 · React

An introduction to ReactJS for beginners.What Is ReactJS?ReactJS is a Javascript Library for building User Interfaces. It was initially…

React App Video Course, Parts 6-10

10 August, 2018 · React

I’m super proud of myself, managed to deliver an episode daily so far. And the best part is that it’s getting easier with each one.#6#7#8#…

React App Video Course, Parts 1-5

05 August, 2018 · React

Initially I was going to just use this app as an example in my basicreact.com course. But then I decided to make a separate series on…

How To Comment React JSX Code

13 May, 2018 · React

Sometimes you need to comment out some code or just add some informative comment to your layout. How to do it?First problem is that is not…

What Is React?

06 May, 2018 · React

This article is part of react course I’m currently working on. It will be free beginners course published on Udemy. This is an introduction…

React 16 Course - Managing State

22 March, 2018 · React

in react is a plain Javascript object used to manage data specific to some component. Keep in mind that only data that is going to be…

React 16 Course - Component Lifecycle Methods

11 March, 2018 · React

Like everything in existence – react components follow their natural cycle of creation, existence and destruction. This article is part of…

Firebase React Authentication Tutorial

04 March, 2018 · React

Sometimes you just need to make a fast prototype and you don’t want to mess with back end, authentication, authorization and all of that…

Popup With ReactJS For Jekyll Blog

23 November, 2017 · React

Once upon a time (yesterday) I decided that my blog lacks a good old pop up. You know, the one that unannoyingly asks to join the mailing…