Immer Tutorial | Immer and React Match Made in Heaven

  Рет қаралды 9,520

Coding With Chaim

Coding With Chaim

Күн бұрын

Пікірлер: 52
@godamkeras4144
@godamkeras4144 3 жыл бұрын
i like the way u structure this video, tell all the problem followed by conventional solutions that brings another problem, and finally tells the Immer covered both problem into one solution! WOW
@ikibkilam8383
@ikibkilam8383 4 жыл бұрын
Wow! You are brilliant, as always! Subtle react concepts can be hard to grasp, and you make it all very easy to comprehend.
@rishiagarwal6715
@rishiagarwal6715 2 жыл бұрын
Such a beautiful explanation man ! 😍
@rkcoder
@rkcoder 4 жыл бұрын
This channel is a hidden gem
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
Thank you! That’s much appreciated
@rkcoder
@rkcoder 4 жыл бұрын
@@CodingWithChaim Thank you for sharing your knowledge :)
@hanibal43
@hanibal43 4 жыл бұрын
I love the example at first you show what the issue is with a real life example. those are super helpful to understand because im following along with the code
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
I am really glad you found it helpful!
@ripern
@ripern 4 жыл бұрын
Finally someone who can explain things clearly! Excellent examples as well! Thanks!
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
Thanks! Happy it was helpful
@AbcdefghijklmnopqrstuvwxyzLUL
@AbcdefghijklmnopqrstuvwxyzLUL 4 жыл бұрын
Straight to the point, clear and concise definitions for the problems and solution. Subbed.
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
Thank you! Welcome to the channel
@mydemon
@mydemon 3 жыл бұрын
This guys is nothing short of a genius teacher. Subbed less than 5 minutes in.
@두번째계정-z3b
@두번째계정-z3b 3 жыл бұрын
Thumbs up to clear comparisons and explanations :) thanks
@waqasaps
@waqasaps 2 жыл бұрын
WOW! this is the best video on internet. Thank you!
@aashayamballi
@aashayamballi 4 жыл бұрын
That was clearly demonstrated... I'm really happy that I found this channel! Thank you so much for this and keep up the good work!
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
I too am glad you found this channel :) glad you enjoyed!
@crispyjuggle
@crispyjuggle 9 ай бұрын
Very good and concise explanation. Thank you!
@kuroshzamani1775
@kuroshzamani1775 4 жыл бұрын
Thanks for the tutorial.Its actually amazing how you illustrate the core problem and solution to that in a short video.
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
Thank you! I appreciate the feedback
@alefalfa
@alefalfa 9 ай бұрын
Got it! Thanks Chaim
@sarcasticdna
@sarcasticdna 4 жыл бұрын
You deserve a lot more subs than you currently have. Subscribing yay!
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
Much appreciated! Welcome to the channel
@Sarmadfarhankhan
@Sarmadfarhankhan 4 жыл бұрын
concise and complete ❤️ very good tutorial.
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
Thank you! Glad you enjoyed it
@Sarmadfarhankhan
@Sarmadfarhankhan 4 жыл бұрын
@@CodingWithChaim I was stuck with updating json data in react state. Will try this deep copy by immersion. am glad i found this video.
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
Please be aware that this is not a deep copy. The entire goal here is to avoid deep copying by using immer
@Sarmadfarhankhan
@Sarmadfarhankhan 4 жыл бұрын
@@CodingWithChaim got it thanks 👍
@kristiankramas5944
@kristiankramas5944 4 жыл бұрын
This really helped me out with some reoccurring problems. Thanks! 👏👏👏
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
Awesome! Happy it helped!
@MitchellMagro
@MitchellMagro 3 жыл бұрын
man this is a life saver e. I was dealing with huge nested object and updating the state in react is a mess in that case. this library is woow e
@viveknigam3003
@viveknigam3003 3 жыл бұрын
Really insightful explanation! 🙌🏻
@JT-cm3ff
@JT-cm3ff 4 жыл бұрын
Thank you. I was struggling with rendering changes to my state for a solid 5 hours. You should reach out to Brad @ Traversy Media, maybe you can come in as guest presenter. It will give you a lot of exposure :)
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
I am really glad you find this helpful! I would love to pair with Brad that would be amazing!
@mynameisdesign
@mynameisdesign 4 жыл бұрын
Thanks for this, best explanation ever man.
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
You’re very welcome
@manujabandara8487
@manujabandara8487 4 жыл бұрын
Superb content. Thank you. This solved my all the problems.
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
My pleasure! Happy to hear that
@muhammadhamzahaneefqureshi5016
@muhammadhamzahaneefqureshi5016 4 жыл бұрын
actually, can you tell me that i have almost 40 fields in my single form , and the architecture that i was follow in the beginning of my application was one parent and have multiple child sub form wrap into the stepper form but, the source state object was parent where all forms state exist almost 40 as i mentioned so the actual problem was that when ever i use onChange over my last stepper form fields so i feel its doing little noticeable hanging over onChange of single field. can immer can solve that kind of my problem ??
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
Immer itself wont solve this problem. It seems to be you may want wrap your sub sub components with memo to make sure they do not render when they dont need to. Now immer will ensure that your memo wont break from accidentally mutating state that currently need not be changed
@muhammadhamzahaneefqureshi5016
@muhammadhamzahaneefqureshi5016 4 жыл бұрын
@@CodingWithChaim well , I have solved this issue by adding redux and by utilizing individual component local state power... By the way any other method would you like to suggest.?
@paoloose
@paoloose 3 жыл бұрын
thanks pope, you rock
@Meleeman011
@Meleeman011 4 жыл бұрын
i don't see the problem with mutating data directly, why include an extra step?
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
The rule in react is to never mutate state directly, which is why need this extra step. For a little more context and understanding of this rule I would suggest reading this SO post stackoverflow.com/questions/37755997/why-cant-i-directly-modify-a-components-state-really
@geralt36
@geralt36 3 жыл бұрын
Thank you for explaining like you would to a 5 year old. Subscribed
@mohammadalioruji4025
@mohammadalioruji4025 3 жыл бұрын
Thank you my friend
@CodingWithChaim
@CodingWithChaim 3 жыл бұрын
You’re welcome!
@hamzaelaasemy4572
@hamzaelaasemy4572 4 жыл бұрын
another great video, thank you :)
@CodingWithChaim
@CodingWithChaim 4 жыл бұрын
You’re most welcome
@muriukialex
@muriukialex 3 жыл бұрын
loved the video but the voice was really low
@benyamin4634
@benyamin4634 3 жыл бұрын
thanks
@slimshady3807
@slimshady3807 Жыл бұрын
hay you look like shelldon kupar from youn sheldon movie series
React Dark Mode | Dark Mode Toggle With React and Styled Components
11:13
Coding With Chaim
Рет қаралды 25 М.
REACT MEMO vs USECALLBACK vs USEMEMO
13:18
Coding With Chaim
Рет қаралды 57 М.
小丑女COCO的审判。#天使 #小丑 #超人不会飞
00:53
超人不会飞
Рет қаралды 16 МЛН
Сестра обхитрила!
00:17
Victoria Portfolio
Рет қаралды 958 М.
Immer.js Crash Course - And Why Immutability Is Very Important ⚡
10:00
Mehul - Codedamn
Рет қаралды 18 М.
React-Intl | Internationalization Basics in React
28:49
Coding With Chaim
Рет қаралды 21 М.
State Managers Are Making Your Code Worse In React
13:33
Web Dev Simplified
Рет қаралды 214 М.
Why I Love useReducer
22:40
Harry Wolff
Рет қаралды 92 М.
The Key to Understanding React: Why Keys Matter
6:50
Coding With Chaim
Рет қаралды 9 М.
Managing React Application State Management - Talk by Kent C. Dodds
30:15
freeCodeCamp Talks
Рет қаралды 61 М.
How Senior Programmers ACTUALLY Write Code
13:37
Thriving Technologist
Рет қаралды 1,6 МЛН