Top 10 Common Mistakes React Programmers Make

[@Itshrr_17]

Thank you for this amazing video! I knew something is going wrong, I'm doing it wrong but didn't know what. Having such a hard time with my first react project! Your points hit me right on. Now, I know! Thank you so much! It is a lifesaver.

[@ahmedmuhammedelsaid5345]

Could you please make a Unit Test Series using Jest and Enzyme because it;s really complicated

[@atif5752]

@techsith yes please

[@rashmitapinto4175]

Yes pleasee

[@reksraj179]

yes please

[@aaron___6014]

it's not that complicated if you start with your project with the create react app. Follow Fun Fun Functions tutorial.

[@felipebishop9145]

i guess Im randomly asking but does anybody know of a trick to get back into an instagram account??
I was stupid forgot the password. I would love any assistance you can give me.

[@animeshtimsina3660]

I think that using Typescript in React makes your life super easy. There will be no such things as incorrect proptypes, code completions will be elegant and debugging will also be pretty easy. Check it out guys, you will never come back to javascript once you get used to typescript and its interfaces....

[@alex-front-end]

At last! The most actual theme now) As a React programer I have to look this, thanks a lot man! I'm one of your true fan, you're doing great job! Thanks.

[@Techsithtube]

Thank you Alex for an important comment. Keep on learning!

[@anastasiagoygova9670]

Have you tried Vue? I would be happy to see your opinion about this framework in comparison to React.

[@pankajverma232]

Great! Most of the points apply to any type of programmer… backend, frontend, mobile app or whatever.

[@joemadhan6047]

JS master is back. Simply love this!

[@Techsithtube]

Thank Joe for encouraging comment. :)

[@joemadhan6047]

techsith it would be great; if you could make one video on React unit testing.

[@jatinnishad1486]

Hiii bro will u plz make a vedio on Unit testing with some small examples.
It will really help .

[@HIghtowerSever]

Thanks a lot Hemil. I llke your explanations!

[@Techsithtube]

Thanks Adel, I am glad you liked it.

[@shivGGG]

+techsith, please make a video on React design patterns

[@niteshtak8484]

I have a question regarding the object property
if i am try to access the property of object which is not related to the object ( property is not present in object).
then why i get this Error "Property is undefined " ,why not this error "Property is not defined".
because object has no property is should be given "Property is not defined for this object ".
Explain please

[@fb_a]

Thans so much sir.
I have a doubt, not related to this video.
why callback functions are passed as dependencies. I am not getting why we do that.
Some people, if we use state related things in a function then we should use callback.

[@ankitkumarjat9886]

What should I use react functions vs react classes?

[@davethorneycroft6166]

I wouldn't agree you have to use Redux , try looking into X-State, or MobX or useReducer. I see a lot of create-react-app applications and people are really scared to upgrade in case they have to eject the project (and actually learn how webpack works - a good idea) but its not so hard to do and you can certainly gain from doing so. Glad you didn't jump on the Typescript bandwagon.

[@adilismail3593]

'Should he put inside page not component' what is page u are referring to

[@Techsithtube]

Adil , in react page is a component as well, but its a highest level component, so what i mean is put in in a page not the lower level components.

[@degraphe8824]

This really helped me look at tests differently..
I never test...but looking at the big picture, it definitely would want to look into writing unit tests

[@Techsithtube]

unit tests are very important. Lot of times when we fix someting , something breaks , unit tests would help you find those errors.

[@cryptopinnacle7658]

Which resources or course could u recommend for learning unit testing

[@Techsithtube]

Jest has pretty good documentation. That is how I learnt.

[@cryptopinnacle7658]

@@Techsithtube thank you very much. Also thank you for your good work. Today I saw someone recommending u on fb tech group as one of the best resources out there. I also lent support to that because I follow you and have learnt a lot from you. Thank you brother

[@rohitkudalkar92]

Thanks, This is really useful content for React intermediate developers to improve code quality. Thank you SIR for giving us valuable contents

[@Techsithtube]

Keep on working Hard Rohit. Thanks for watching!

[@AE-yr6mo]

Do you have any videos on resources for creating modular code with just vanilla JS?

[@vladimirpetropavlovskiy594]

Not enough examples with the code

[@worldisone2429]

We are using reactjs with typescript...Need help in axios unit testing... we have done component & model testing... now doing axios api testing... please can you provide some solution

[@Techsithtube]

If you want to do api testing , there are multiple ways to do it. first you have to mock your api's , which means rerouting your api calls throu mocker and then you have to have mock data for each api call.

[@alex-front-end]

Guys, what are you using for the unit tests on React? Jest? Enzyme? Something else maybe? I have got that it's really needed to start writing them at last.

[@Techsithtube]

I use Jest and react testing library.

[@alex-front-end]

@@Techsithtube Thanks! Best wishes to you and your family! )

[@aashayamballi]

Thank you 😊😊😊

[@RogerThat902]

I didn't plan out my component structure and it cost me. Became too costly to go back and fix. It's not really a problem w/ performance but I always have to take longer than I should (my own app!) to figure out why I did it that way. And the reason is I wanted to be too clever! So for me it's keeping it simple, that's the biggest thing. Don't get cute.

[@Techsithtube]

I usually , plan components first. design lower level components, think of re-usability and then plan your nav and containers. Fixing anything is costly.

[@socialnfarming4530]

Hai sir,please make time to reply for my question ,I got one doubt in interviews they will ask us to write reverse a string n check palindrome n many basic questions how ever those logic will not be implemented in real time I think,then why ?

[@Techsithtube]

palindrom is basically when you reverse a string you get the same string back. basically you have to check if the first half of the string is same as the last half. I would suggest instead of reversing , just check if first char and last char is the same and keep moving to the next char until the half of the string.

[@sureshkumaranbu]

It is very good and informative for beginners

[@azharuddinkhan117]

Great job

[@AnopSinghRanawatperl]

thanks brother

[@sakcee]

Can you please do Javascript basic and advanced playlist? it will help lots of people, things like currying, closer, modules etc

[@amitwaghamare4902]

U can add
How keys works and why index should not use as key while using map

[@Techsithtube]

indexes are fixed so lets say you have 5 elements , with index 0-4. if you use index as key and later remove element at index 4 and add another element . react would get confused because the new element should have new key.

[@saskirakosyan3788]

Yesss we should follow this rules.

[@ij9722]

You made top 10 mistake React is not a framework, it is a Library launched by Facebook

[@lidefsomar5291]

Unit Test save us time testing and help us easily simulate all possible scenarios.

[@anithadharaneedharan6758]

Is React framework or library? At the beginning of the video you mention it as framework.. kindly clarify

[@Techsithtube]

if you use create-react-app , which is a react framework . react package itself is a library. However , in general term when we talk about frameworks, we refer react as a framework . Just like angular is just a library but angular-cli is a framework. but we call generically angular as a framework .

[@anithadharaneedharan6758]

@@Techsithtube Thanks for your valuable info

[@shankarpehalvansiva1671]

we want expect something new for every week especially in react js. .This was amazing for new one's like me

[@Techsithtube]

follow good practices and you will be a good developer.

[@prabu106]

Great. Its true

[@gregorychamekh8143]

thanks!

[@Geomaverick124]

I would say unit test is a mistake of mine. Thanks for the suggestions!

[@Techsithtube]

It has been mistake of mine too. I have fixed it now. By the way , you have a good youtube channel . keep it up.

[@Geomaverick124]

@@Techsithtube thanks!

[@vinudb123]

Personally, I feel these unit tests with 100% coverage are much more complicated to write than actual project development. I am just curious to know, is there anyone else who feels the same or am I the only one.

[@Techsithtube]

100% coverage is difficult to achieve but in a large project its necessary . I Have seen my coworkers breaking the build when they change single line. Unit test would catch it and help you automate the build process.

[@vinudb123]

@@Techsithtube I have one query. Imagine, I have a separate component for select dropdown for example. For this component, I want to have onChange handler function.
Also, inside onChange, I want to have some async function to be called which I have written in a different file.
Is it ideal to do all this in the select component itself or is it good to implement in parent component of select. Like passing the onchange handler name as a prop to select?

[@baolyhong6140]

I suggest that you should provide us some code for better visualization. Anyway, it's very helpful

[@Techsithtube]

Ok next time I will consider it. Thanks for the suggestion!

[@mdshoaibAlamgcetts]

How difficult to switch from angular to react and get a job at exp level

[@MrXperx]

It's quite easy. Should not take more than a couple of weeks for an experienced web developer to be productive with react.

[@mdshoaibAlamgcetts]

@@MrXperx thanks brother

[@Techsithtube]

React is very easy to learn if you know JavaScript well . Unlike angular react doesn't have large amount of its own syntax. that is the beauty of react..

[@rohitkudalkar92]

Hello sir, Is there any website to improve my javascript basics and logic by solving mathematical and logical problems. Please can you recommend some websites or something? thanks

[@Techsithtube]

Rohit, I would suggest leetcode

[@satishkadyan1]

Check JavaScript.info read each topic carefully , they cover very good topics from all around js

[@rohitkudalkar92]

@@Techsithtube thankyou sir. this is really helpfull

[@rohitkudalkar92]

@@satishkadyan1 thank you so much satish.

[@FERnandezJjuan]

My only mistake but maybe important, not making enough unit test 😂

[@Techsithtube]

Everyone make that mistake early in their career

[@niteshtiwary9010]

Quite useful...👍

[@Techsithtube]

Thanks Nitesh for watching.

[@QamarKhan-wt2km]

Good job

[@paulpradeeps6547]

Sir, please tell how to pass data between multiple independent components

[@MrXperx]

use props or context api depending on usecase

[@Techsithtube]

you can use context api

[@satishkadyan1]

Context or redux can use any

[@devanshsadhotra9649]

Sir, please make a video on ducks approach of saga ! Its humble request, i couldn't find anything enough explanatory for me !

[@Techsithtube]

are you talking about saga-duck ?

[@devanshsadhotra9649]

@@Techsithtube sir, saga-duck is a seperate library . To be precise i am willing to learn about redux - ducks pattern , concept of saga was cleared beautifully by you , but ducks approach is making me confused !

[@MrXperx]

One mistake is to not use typescript as the programming language for a large project :P

[@Techsithtube]

Do you use Typescript in your react project?

[@stepanostapuk4120]

You about super common things

[@AnthonyPaulT]

The page should only glue things together.

[@taranathniraula6572]

sir please make a video on function like
(function(){})(//content here)
and function name(){}(//content here)

[@Techsithtube]

I already have a video on that on my channel its called IIFE or Immediately Invoked function expression

[@taranathniraula6572]

@@Techsithtube sir please give me link

[@TesterAnimal1]

1. Using React and not having a clue about DOM, JavaScript or CSS?
2. er....

[@akashTiwariVaranasi]

Hi techsith React is Library not Framework

[@Techsithtube]

Angular is a lib, react is a lib, create-react-app is framework and angular-cli is a framework. but if you say someone that you are using anugular framework , they know you mean angular-cli . similarly when you say react framework means you are using react with reac-dom . so what I am trying to say is it doesnt matter what we call it.

[@Julka164]

CODE EXAMPLES PLS!!

[@vaibhavsawant20]

Only 9 were there I guess

[@chnrbk1]

10:25 react is not frame work!

[@Techsithtube]

everyone know when you say react framework , it means non only react lib, it means react + react-dom + react-router.

[@edibles2731]

thanks a ton for this.. pls show ur face in bottom, it is more appealing.. thank you for all ur videos..

[@hkdelhivlogs]

Sir please make serious on redux and redux saga

[@Techsithtube]

I do have series on redux and saga. look throght the playlist.

[@hkdelhivlogs]

@@Techsithtube I know sir but I want complete serious on that

[@ra__rb]

React is not a framework . it's a library 0:08 sec.

[@Techsithtube]

All my users know what that means. React is a lib, angular is a lib, vue is a lib . CRA is a framework , Angular CLI is a framework . But , generally people refer react and angular as framework and people know what that means, they are refering to the whole environment.

[@graciarivas871]

No more than 200 lines of code in one file. Wow just a form or a router can take over 200 lines of code. I would say it depends on how complex the application is. For any basic application 200 lines sounds reasonable.