Tutorialspoint

#May Motivation Use code MAY10 for extra 10% off

React Painkillers - Build Improved React.js Apps

person icon Sasha Bashlii

4

React Painkillers - Build Improved React.js Apps

Learn different React techniques, tips and tricks, secret data protection, loading optimization and other cool stuff!

updated on icon Updated on May, 2024

language icon Language - English

person icon Sasha Bashlii

English [CC]

category icon React,Web Frameworks,Development,IT & Software

Lectures -29

Resources -1

Duration -2 hours

4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

React is super popular library, and as a result there are plenty of jobs positions opened, so this course will help you to get job and successfully pass interviews!

in this course you will find some useful info about how to build react components, typescript examples, optimization techniques, also some job searching and interview tips and tricks. At the end of the course you will find zip archive attached, which you can download and test all the stuff we are talking about during the course.

Treat this course as a multitool - when you have some of problems described here, just open the video you need and watch it! There is no need to watch this course at one night, but you can do that if you want

Are there any prerequisites?

  • basic understanding of react principles like props, state, component, functional component, class component

  • basic understanding of javascript and ES6 like closures, data types, objects, destructuring

  • basic knowledge of CSS and HTML

**warning - this course is not for super complete beginners**

Throughout the course you will learn such stuff as:

  • image component

  • event delegation pattern

  • XSS protection with DOM Purify package

  • lazy loading of both legacy components and new shiny functional components

  • intersection observer

  • route guarding and information hiding

  • props destructuring problem

  • recursion in React, rendering lists of comments with recursion

  • bunch of Typescript examples

  • job searching tips

  • communication tips

  • interview tips

  • VS Code tips

Who this course is for:

  • Junior and Middle React devs, Seniors probably will have small amount of value from this course
  • For people who want to improve knowledge of React library, and searching for some best-practices

Goals

What will you learn in this course:

  • How to build React robust components

  • VSCode Examples

  • Typescript Examples

  • Debugging tips of React app

  • Communications tips and tricks

  • Bunch of React component examples

Prerequisites

What are the prerequisites for this course?

  • Understanding basic React concepts like props and state, also probably would be good if you took part in developing React project before, but this is not critical, theoretical knowledge is enough

React Painkillers - Build Improved React.js Apps

Curriculum

Check out the detailed breakdown of what’s inside the course

Different Tips and Tricks using React
29 Lectures
  • play icon Intro 01:42 01:42
  • play icon Props destructuring 06:25 06:25
  • play icon Image Load Retry Component 05:49 05:49
  • play icon Stale closure example 04:09 04:09
  • play icon Lazyload in new and old React versions 05:43 05:43
  • play icon Intersection Observer 02:57 02:57
  • play icon Intersection Observer + Lazy Load Combo 01:54 01:54
  • play icon Guarded Route 04:16 04:16
  • play icon DOM Purify 02:37 02:37
  • play icon Image Src Undefined 02:48 02:48
  • play icon Events, Dataset, Event Delegation Pattern 11:47 11:47
  • play icon Conditions in React 03:53 03:53
  • play icon Request abort using Promises 02:56 02:56
  • play icon Is CTRL or SHIFT pressed? 03:19 03:19
  • play icon CSS colors name generator 01:07 01:07
  • play icon Minimalistic Classnames 05:22 05:22
  • play icon Hot reload bug fix 01:23 01:23
  • play icon Minimalistic Grid 02:07 02:07
  • play icon Recursion in React 03:48 03:48
  • play icon Full Page crash vs red errors in console 11:49 11:49
  • play icon Job searching + Interview Tips 13:04 13:04
  • play icon Search Input Pointer events 01:26 01:26
  • play icon Slack Lifehack 01:02 01:02
  • play icon Debugging Components Trick 02:10 02:10
  • play icon Typescript 14:13 14:13
  • play icon Minimalistic VSCode Extensions 02:20 02:20
  • play icon Window name 03:15 03:15
  • play icon Downloadable Resources
  • play icon Thank you! 00:54 00:54

Instructor Details

sasha bashlii

sasha bashlii

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515