Full React Tutorial

brainless Programming

Ini ada playlist dari The Net Ninja, yang bagus untuk tutorial React Js.

Full React Tutorial #1 – Introduction

Full React Tutorial #2 – Creating a React Application

Full React Tutorial #3 – Components & Templates

Full React Tutorial #4 – Dynamic Values in Templates

Full React Tutorial #5 – Multiple Components

Full React Tutorial #6 – Adding Styles

Full React Tutorial #7 – Click Events

Full React Tutorial #8 – Using State (useState hook)

Full React Tutorial #9 – Intro to React Dev Tools

Full React Tutorial #10 – Outputting Lists

Full React Tutorial #11 – Props

Full React Tutorial #12 – Reusing Components

Full React Tutorial #13 – Functions as Props

Full React Tutorial #14 – useEffect Hook (the basics)

Full React Tutorial #15 – useEffect Dependencies

React Context & Hooks Tutorial #1 – Introduction

React Context & Hooks Tutorial #2 – What is the Context API?

React Context & Hooks Tutorial #3 – Adding a Context & Provider

React Context & Hooks Tutorial #4 – Accessing Context (part 1)

React Context & Hooks Tutorial #5 – Accessing Context (part 2)

React Context & Hooks Tutorial #6 – Updating Context Data

React Context & Hooks Tutorial #7 – Creating Multiple Contexts

React Context & Hooks Tutorial #8 – Consuming Multiple Contexts

React Context & Hooks Tutorial #9 – Intro to Hooks

React Context & Hooks Tutorial #10 – useState Hook

React Context & Hooks Tutorial #11 – useState with Forms

React Context & Hooks Tutorial #12 – useEffect Hook

React Context & Hooks Tutorial #13 – Hooks with Context

React Context & Hooks Tutorial #14 – Multiple Contexts using Hooks

React Context & Hooks Tutorial #15 – Creating Context with Functional Components

btw, beberapa minggu ini, sedang mengerjakan project React Js, leaftlet, rechart. Coba-coba beberapa framework UI. Ternyata ini kaya lautan ya teknologinya. Semoga projectnya bisa cepat selesai dan maju ke project berikutnya. The Dev Ninja: https://netninja.dev/courses

React Query Tutorial

React Query Tutorial #1 – Intro & Setup

React Query Tutorial #2 – The useQuery Hook

React Query Tutorial #3 – React Query Dev Tools

React Query Tutorial #4 – Query Variables

React Query Tutorial #5 – Pagination

React Skeleton Screens

React Skeleton Screen Tutorial #1 – Intro & Setup

React Skeleton Screen Tutorial #2 – Fetching Data

React Skeleton Screen Tutorial #3 – Base Skeleton Component

React Skeleton Screen Tutorial #4 – Skeleton Article

React Skeleton Screen Tutorial #5 – Skeleton Profile

React Skeleton Screen Tutorial #6 – Light & Dark Themes

React Skeleton Screen Tutorial #7 – Animations

Complete React Tutorial (&Redux)

Complete React Tutorial (& Redux ) #1- Introduction

Complete React Tutorial (& Redux) #2 – How React Works

Complete React Tutorial (& Redux) #3 – React Setup (with CDN)

Complete React Tutorial (& Redux) #4 – React Components

Complete React Tutorial (& Redux) #5 – State

Complete React Tutorial (& Redux) #6 – React Dev Tools

Complete React Tutorial (& Redux) #7 – DOM Events

Complete React Tutorial (& Redux) #8 – Changing State (and 'this')

Complete React Tutorial (& Redux) #9 – Intro to Forms

Complete React Tutorial (& Redux) #10 – Create React App

Complete React Tutorial (& Redux) #11 – Single Page Apps

Complete React Tutorial (& Redux) #12 – Nesting Components

Complete React Tutorial (& Redux) #13 – Props

Complete React Tutorial (& Redux) #14 – Outputting Lists

Complete React Tutorial (& Redux) #15 – Stateless Components

btw titip juga 2 playlist yang rada nyambung:

Up & Running with JSON Server (Part 1)

Up & Running with JSON Server (part 2)

Dan

Material UI Tutorial #1 – Intro & Setup

Material UI Tutorial #2 – Typography

Material UI Tutorial #3 – Buttons

Material UI Tutorial #4 – Icons

Material UI Tutorial #5 – makeStyles Hook (Custom CSS)

Material UI Tutorial #6 – Custom Themes

Material UI Tutorial #7 – Text Fields

Material UI Tutorial #8 – Radio Buttons

Material UI Tutorial #9 – Using JSON Server

Material UI Tutorial #10 – Grid System

Material UI Tutorial #11 – Card Components

Material UI Tutorial #12 – Layout Component

Material UI Tutorial #13 – Permanent Drawer

Material UI Tutorial #14 – Lists & List Items

Material UI Tutorial #15 – More on makeStyles

React Testing Library Tutorial #1 – Introduction

React Testing Library Tutorial #2 – The Importance of Testing

React Testing Library Tutorial #3 – Types of Test

React Testing Library Tutorial #4 – Structure of Tests

React Testing Library Tutorial #5 – Intro to Query Methods

React Testing Library Tutorial #6 – Priority

React Testing Library Tutorial #7 – Using Query Methods

React Testing Library Tutorial #8 – Assertions

React Testing Library Tutorial #9 – Describe Block

React Testing Library Tutorial #10 – Fire Events

React Testing Library Tutorial #11 – Integration Tests

React Testing Library Tutorial #12 – Finding Async Elements with FindBy

React Testing Library Tutorial #13 – Mocking Requests

React Testing Library Tutorial #14 – Before &After Each

Full React Tutorial