Learn Chakra-ui by building a Todo Application with Local Storage, Dark Mode enabled.

[@vivekkaushik9508]

I can't emphasize enough how useful and important this tutorial is for any React beginner. Very simple. Very intuitive, easy to implement, and rich in content.

[@blessdarah1256]

Audio quality is on point. Sounds clear and concise. Love it.

[@RikzB]

You don't need to stop the application on terminal, you can start a new terminal by clicking on the plus icon in top right side of the terminal. Btw, this is the tutorial I was searching for to get a jist of Chakra UI, thanks a lot man, really valuable!

[@ondrejstraka5769]

Thats the exact tutorial I was looking for at this moment. Thank You!🙏

[@theendurance]

The BEST React Chakra Tutorial i have found! Thank you!

[@nikolayt.5054]

What a jem! Enjoyed following your tutorial while solidifying my add, delete items skill! Attempting to now include edit functionality in the app. Thank you for your hard work!

[@deepapandey849]

best tutorial so far!

[@mafiacodes]

Thanks Deepa, subscribe like share

[@deepapandey849]

@@mafiacodes already did!

[@xWildStorm7x]

Really great tutorial to start learning about ChakraUI, thank you!

[@mafiacodes]

Glad you enjoyed it!

[@themanwhoiscompeng1422]

it's brilliant mate. Helped me a lot as a beginner in Chakra

[@mafiacodes]

Glad it helped

[@LevementeLivre]

Man, you video is awesome! Thank you for sharing your knowledge! Subscribed!

[@mafiacodes]

Thank you

[@MikkoR.]

Great tutorial! Your explanations are clear and concise.

[@mafiacodes]

Thank you!

[@stanleysimeon4667]

YOUR VIDEO IS VERY IMPORTANT BROTHER , KEEP GOING!

[@alejandrosobko]

Awesome. Super clear, very well explained, thanks!!

[@StriverHamza]

Great tutorial! thanks

[@chineduknight6426]

Dark and light theme so easy with Chakra ui thanks boss

[@DTUSEM]

Thank you sir , good ui library i will use it in my college project.

[@mohitsrinivasan5984]

Amazing tutorial! Thanks!

[@mafiacodes]

Subscribe like share

[@techtanzeel]

Perfect content for beginners

[@melania239]

wow thanks! it was really usefull.

[@mafiacodes]

Glad to hear that! Subscribe Like Share

[@rohan_06]

Thank you for this

[@mafiacodes]

My pleasure!

[@pcodes]

Great Tutorial Man. BTW which theme you're using it looks so nice.

[@mafiacodes]

Snazzy operator Subscribe like share

[@carchutogimenez8539]

OMG! Chakra UI is soo good. And your tutorial is awesome. Liked and subscribed! Please make more content about chakra :) Now, one thing I didn't understand, sorry, I recently started with React, so I don't know much. Can you explain a little bit more about what you are explaining on minute 45:30. I don't understand why calling localStorage.getItem with an arrow function inside the useState prevents to call the getItem multiple times. Thanks!

[@abderrahmanem9514]

Thanks for such useful content.

[@renztegrado5349]

I encountered a problem at 13:00 and the marginBottom prop isn't working can someone explain to me why it isn't working. Thank you in advance!

[@mafiacodes]

Try mb={8}

[@renztegrado5349]

@@mafiacodes Thank you so much for this tutorial that you have created! I very much appreciate it

[@basith237]

Nice tutorial, thanks. What is your code completion/suggestion vscode plugin for Chakra UI?

[@AlianHakimID]

When changing to dark mode from light mode and vice versa, I see in your video there is a little fading animation, how do I add it?

[@StoneCraftProduction]

Great tutorial! I just wanted to ask why adding margin with mb={8} on a VStack component does not seem to work? Thanks!

[@MsGogamer]

Hi, Which is the best practice? Using Chakra ui in App.js or Index.js?

[@mafiacodes]

In App.js Subscribe Like Share

[@samfights]

Thank you.. in next js i see "localstorage is not defined "

[@kevalcharla9797]

How to apply authentication and authorization on client-side like react with access and refresh token

[@mafiacodes]

Will make a video series for that, it’s long

[@avinashkumarsingh8492]

@@mafiacodes Please make it ASAP

[@theseanmodd]

@@mafiacodes yes please make this, this is the best tutorial ever

[@sudeepkotari]

@@mafiacodes sir waiting for it...

[@surendrareddyseelam9757]

@@mafiacodes we already have backend for this on our channel ,Client side authentication should be done ✔

[@shreyasshivakumar8578]

Hi can you please share your VS Code extensions / settings

[@mafiacodes]

Sure i'll do Subscribe like share

[@chiranjeevichowdary5948]

If u can create a full app using chakraui,it will be very helpfull bro

[@aliif]

thanks

[@_tanzil_]

OMG. This is hell. I love tailwind

[@DTUSEM]

Sir can you tell me how to get rid off MULTIPLE GRADLE SPWANING problem. My android studio version is 4.2

[@akmutik6259]

can you inject encrypted html code in the sandbox of chrome using chakra-ui then retrieve it using css

[@junaidmohammed4501]

How to decrypt a video which can be played only in a special video player software ? Is it possible??

[@sudeepkotari]

TypeError: Cannot use 'in' operator to search for 'colors.pink.500' in undefined | 57 | // else, get and transform the color token or css value 58 | const key = `colors.${_color}` > 59 | const color = key in theme.__cssMap ? theme.__cssMap[key].varRef : _color | ^ 60 | return _stop ? [color, _stop].join(" ") : color 61 | }) this above error occured me i dont know why,when using bgGradient in application

[@mafiacodes]

Share ur code snippet

[@sudeepkotari]

@@mafiacodes import { Heading } from "@chakra-ui/react" import {FaMoon,FaSun} from 'react-icons/fa' //import TodoList from './components/TodoList' //import AddTodo from './components/AddTodo' import {VStack,IconButton } from "@chakra-ui/react" function App() { return ( todo application ); } export default App;

[@alii4334]

thank you for the video first, but why the video is not chaptered?!

[@mafiacodes]

Will add the chapters

[@naveentiwari7166]

which fonts he is using in vscode

[@michrisoft]

It's called operator mono and it's absurdly expensive ($200 USD for just the basic font weights and styles up to $600 if you want every variation). (Personally, I use JetBrains Mono which I think you might like to check out because it looks great, has font ligatures, has a full range of font weights, is free and open-source, and is made by a very reputable company).

[@sanitbandekar]

make on tutorial on node js real-time api

[@DTUSEM]

आदरणीय आप हिंदी में क्यो नहीं सिखाते , इसे आप की पहुँच भी बढ सकती हैं ।

[@emabhiza]

Great tutorial, but for some reason i cant get the borderColor='gray.200' doesnt work for me

[@mafiacodes]

Have u provided botderWidth also

[@emabhiza]

Thanks I had missed some imports in the app file