React Painkillers - Build Improved React.js Apps
Learn different React techniques, tips and tricks, secret data protection, loading optimization and other cool stuff!
React,Web Frameworks,Development,IT & Software
Lectures -29
Resources -1
Duration -2 hours
30-days Money-Back Guarantee
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
Curriculum
Check out the detailed breakdown of what’s inside the course
Different Tips and Tricks using React
29 Lectures
- Intro 01:42 01:42
- Props destructuring 06:25 06:25
- Image Load Retry Component 05:49 05:49
- Stale closure example 04:09 04:09
- Lazyload in new and old React versions 05:43 05:43
- Intersection Observer 02:57 02:57
- Intersection Observer + Lazy Load Combo 01:54 01:54
- Guarded Route 04:16 04:16
- DOM Purify 02:37 02:37
- Image Src Undefined 02:48 02:48
- Events, Dataset, Event Delegation Pattern 11:47 11:47
- Conditions in React 03:53 03:53
- Request abort using Promises 02:56 02:56
- Is CTRL or SHIFT pressed? 03:19 03:19
- CSS colors name generator 01:07 01:07
- Minimalistic Classnames 05:22 05:22
- Hot reload bug fix 01:23 01:23
- Minimalistic Grid 02:07 02:07
- Recursion in React 03:48 03:48
- Full Page crash vs red errors in console 11:49 11:49
- Job searching + Interview Tips 13:04 13:04
- Search Input Pointer events 01:26 01:26
- Slack Lifehack 01:02 01:02
- Debugging Components Trick 02:10 02:10
- Typescript 14:13 14:13
- Minimalistic VSCode Extensions 02:20 02:20
- Window name 03:15 03:15
- Downloadable Resources
- Thank you! 00:54 00:54
Instructor Details
sasha bashlii
eCourse Certificate
Use your certificate to make a career change or to advance in your current career.
Our students work
with the Best
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe nowOnline Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now