DEV Community: Maksim Ivanov

Make Minecraft in React in 20 minutes

Maksim Ivanov — Wed, 09 Sep 2020 16:15:40 +0000

I've created minecraft-like game using react, react-three-fiber, threejs and cannonjs (use-cannon)

In this video I show how to do it step by step.

Code: https://github.com/satansdeer/minecraft-react
Discord: https://discord.gg/KPh8Vvb

Subscribe to the channel: http://bit.ly/2QZ2UY3

HOW TO USE REDUX THUNK - SAVE AND LOAD DATA FROM THE BACKEND

Maksim Ivanov — Fri, 19 Jun 2020 17:31:01 +0000

In this video we learn how to work with redux-thunk a library for redux to perform side effects. We'll save the data to server using a thunk.

Code: https://github.com/satansdeer/redux-thunk
Discord: https://discord.gg/KPh8Vvb
Free React Testing Checklist: http://eepurl.com/c_8tzP

Subscribe to the channel: http://bit.ly/2QZ2UY3

How To Convert React Application To SolidJS

Maksim Ivanov — Fri, 19 Jun 2020 17:28:47 +0000

In this video we'll take a look at a new frontend framework Solid.
It's API is very similar to ReactJS, it supports Context, Hooks and JSX. Let's try to remake a simple React application to Solid.js.

Code: https://github.com/satansdeer/notes-app-solid
Discord: https://discord.gg/KPh8Vvb
Free React Checklist: http://eepurl.com/c_8tzP

Subscribe to the channel: http://bit.ly/2QZ2UY3

How to Use React Context | React Context vs Redux

Maksim Ivanov — Fri, 19 Jun 2020 17:26:42 +0000

In this video I show how to use React Context. We'll create a context provider that will hold a list of notes. Then I compare it to Redux.

Code: https://github.com/satansdeer/context-example
Discord: https://discord.gg/KPh8Vvb
Free React Testing Checkilst: http://eepurl.com/c_8tzP

Subscribe to the channel: http://bit.ly/2QZ2UY3

React Firebase App Complete Tutorial - Upload and Download Images From Firestore

Maksim Ivanov — Mon, 08 Jun 2020 15:36:12 +0000

In this video we make a photo album / image gallery app.

You can upload new images to albums. First image in the album will be it's thumbnail.

We use firebase storage to store images and firestore to a a database.

Code: https://github.com/satansdeer/firebase-albums
Discord Server: https://discord.gg/KPh8Vvb
Free React Testing Checklist: http://eepurl.com/c_8tzP

Subscribe to the channel: http://bit.ly/2QZ2UY3

LETS BUILD A DRAWING APPLICATION USING REACT AND CANVAS API

Maksim Ivanov — Fri, 22 May 2020 09:08:56 +0000

I show how to build React drawing application using canvas, refs and useRef hook.

Code: https://github.com/satansdeer/drawing-react-canvas
Discord Server: https://discord.gg/KPh8Vvb

Subscribe to the channel: http://bit.ly/2QZ2UY3

RecoilJS - State Management Library For React - Let's Build An Example App

Maksim Ivanov — Thu, 21 May 2020 08:18:35 +0000

RecoilJS is a new state management library for react made by facebook. In this video we'll build an example application to see how does this library work.

Code: https://github.com/satansdeer/recoil-demo

Subscribe to the channel: http://bit.ly/2QZ2UY3

Hosting Multiple Sites With Firebase - Separate React Apps For Admin and Public Pages

Maksim Ivanov — Wed, 20 May 2020 08:27:57 +0000

I'm showing how to use firebase hosting to host two React apps on one firebase project. We'll have one app for admin area and one for public pages.

Subscribe to the channel: http://bit.ly/2QZ2UY3

How To Structure React Applications

Maksim Ivanov — Wed, 20 May 2020 08:25:44 +0000

In this video I show my approach to structuring react applications. In short - separate by domain, not type. Put tests along with the component they test, do not create a separate folder for tests.

Subscribe to the channel: http://bit.ly/2QZ2UY3

How To Test Custom Effect Hook - Custom Hooks ReactJS Mini Course Part 5

Maksim Ivanov — Wed, 04 Dec 2019 10:50:40 +0000

Welcome to ReactJS Custom Hooks Mini Course. In this course we'll learn how to create custom hooks in React, how to test them using React Testing Library and how to publish them as a standalone npm package.

Course playlist: http://bit.ly/35FHALa
Subscribe to the channel: http://bit.ly/2QZ2UY3

How To Test Custom State Hook - Custom Hooks ReactJS Mini Course Part 4

Maksim Ivanov — Tue, 03 Dec 2019 11:00:40 +0000

Course playlist: http://bit.ly/35FHALa
Subscribe to the channel: http://bit.ly/2QZ2UY3

How To Create Custom Subscription Hook - Custom Hooks ReactJS Mini Course Part 3

Maksim Ivanov — Mon, 02 Dec 2019 10:56:19 +0000

Course playlist: http://bit.ly/35FHALa
Subscribe to the channel: http://bit.ly/2QZ2UY3