Jacques Blom
Jacques Blom
  • 10
  • 75 810
Recoil.js in 2 Minutes // What, How, and Why
Learn what Recoil is, how it works, and why you'd use it, in just 120 seconds.
👍 Remember to smash that like button! 💥
----------------------------------------------------------------------
🌐 Links
My Recoil course: course.learnrecoil.com/
Recoil docs: recoiljs.org/
----------------------------------------------------------------------
💌 Subscribe to my newsletter to be the first to know when I release new content: jacquesblom.com​
----------------------------------------------------------------------
🐦 Follow me on Twitter: jacques_codes
Переглядів: 15 363

Відео

Build apps at lightning speed with Blitz.js | Blitz.js Tutorial
Переглядів 13 тис.3 роки тому
Blitz.js has made me a more productive full-stack dev than ever before! It combines Next.js with a zero-API type-safe backend. In this video you'll learn how to use it in 10 minutes. 👍 Remember to smash that like button! 💥 💌 Subscribe to my newsletter to be the first to know when I release new content: jacquesblom.com​ 🌐 Links The code in this video: github.com/jacques-blom/blitz-todo-list 🐦 Fo...
What's New in Recoil 0.2.0
Переглядів 1,8 тис.3 роки тому
In this video we're going over Recoil 0.2.0. We're looking at some of the bugs fixed, and the new possibilities with Recoil.js. Let's get coding! 👍 And remember to smash that like button! 💥 💌 Subscribe to my newsletter to be the first to know when I release new content, and for exclusive content: jacquesblom.com 🌐 Links The code in this video: codesandbox.io/s/whats-new-in-recoil-020-12nn3?file...
How do React Hooks really work? Let's build useState from scratch!
Переглядів 12 тис.3 роки тому
Have you ever wondered how exactly React hooks work under the hood, and why they have the rules that they have? In this video we're going to answer those questions, by building our own useState hook completely from scratch. Let's get coding! 👍 And remember to smash that like button! 💥 💌 Subscribe to my newsletter to be the first to know when I release new content, and for exclusive content: jac...
Learn Recoil - My Free Recoil Course - Overview
Переглядів 3,1 тис.3 роки тому
Sign up for my course at learnrecoil.com. You can check out the sample app here: app.learnrecoil.com. And the brilliant drawing tool Excalidraw here: excalidraw.com/. In my course, you're going to build a clone of the drawing tool Excalidraw. No matter if you've never used Recoil at all, or if you use it in production, this course will turn you into a Recoil pro. You're going learn all there is...
Data Fetching with React Suspense and Recoil (Part 2)
Переглядів 3 тис.4 роки тому
👋 Check out my new free Recoil course, where you will learn how to use Recoil like a pro, to build fast, complex React apps: learnrecoil.com/ This is Part 2 of a multi-part series where I show you how to fetch data using Recoil and React Suspense. In this video, we'll build on functionality from Part 1, and fetch data from a real API. Recoil JS and React Suspense are both new, exciting technolo...
Data Fetching with React Suspense and Recoil (Part 1)
Переглядів 8 тис.4 роки тому
👋 Check out my new free Recoil course, where you will learn how to use Recoil like a pro, to build fast, complex React apps: learnrecoil.com/ Recoil JS and React Suspense are both new, exciting technologies that, I think, will change how we fetch data and approach state management in React apps. In this tutorial video, we're going to be using Recoil and Suspense to build onto our existing desig...
Make your GitHub profile dynamic using a serverless function
Переглядів 7454 роки тому
GitHub has recently released a new feature that allows you to display a README on your GitHub profile page. Timestamps: 00:00 - Intro 00:46 - Overview 01:30 - The Code 05:05 - The Setup 10:35 - We're Done! In this video I show you how to use a serverless Netlify Function to update your GitHub profile repo with your latest UA-cam videos. This can be adapted to other types of content, like blog p...
Let's build a high performance app using Recoil and React | Recoil Tutorial Video
Переглядів 11 тис.4 роки тому
👋 Check out my new free Recoil course, where you will learn how to use Recoil like a pro, to build fast, complex React apps: learnrecoil.com/ I was recently asked on Twitter why I like to use atomFamily from the Recoil.js library, to store state in my React apps. This video dives a bit deeper into how to use atomFamily, and in what cases you'd use it. Link to my answer on Twitter - ...
Intro to Recoil - A great new Redux alternative? | Tutorial Video
Переглядів 7 тис.4 роки тому
👋 Check out my new free Recoil course, where you will learn how to use Recoil like a pro, to build fast, complex React apps: learnrecoil.com/ Today I want to take a look at a new state management library for React that I think has a lot of promise - Recoil.js. By the end of this tutorial video, you'll be able to get up and running with it and use it in your own projects. Taskmaster App Repo - g...

КОМЕНТАРІ

  • @zaeemAtif
    @zaeemAtif Місяць тому

    That was pretty dang explanation

  • @alanthomasgramont
    @alanthomasgramont Місяць тому

    Why do you only have 1.5k subs? This was so interesting. Thank you.

  • @gmjitendra
    @gmjitendra 2 місяці тому

    I am late on this but it's really helpful for me to understand Recoil. thanks a lot to you

  • @matheusviniciusandrade2733
    @matheusviniciusandrade2733 5 місяців тому

    One of the most interesting videos that I have ever seen.

  • @xanthe7045
    @xanthe7045 6 місяців тому

    Not working

  • @nested9301
    @nested9301 8 місяців тому

    AWESOME EXPLAINATION

  • @alexgavril385
    @alexgavril385 8 місяців тому

    🎉

  • @ahmadgazzz
    @ahmadgazzz 8 місяців тому

    Doesn’t usestate use closures

  • @yubin_jo
    @yubin_jo 8 місяців тому

    thanks

  • @abdelazizlaissaoui9079
    @abdelazizlaissaoui9079 10 місяців тому

    Great video we have just seen Great content creator

  • @abhishekchoudhury
    @abhishekchoudhury 11 місяців тому

    Hey @JacquesBlom! The course is not loading at all. Can you please look into it? I'm almost done, and it's the best course I've seen on recoil yet!

  • @_Aries96
    @_Aries96 11 місяців тому

    i can't understand. so fast for me

  • @vitalieandries7312
    @vitalieandries7312 Рік тому

    is the site ok? today I saw instead of video some weird links to learn english/german

  • @pieter5466
    @pieter5466 Рік тому

    Great video, helps understand certain things many devs might take "as given".

  • @user-sc2dc4ud7b
    @user-sc2dc4ud7b Рік тому

    I'd like to see a full-blown in-depth course on Blitz where you build an app like Twitter or Reddit with db, auth, img optimization, perf optimization.. I wouldn't mind paying a premium for such a course (as long as the extra mile of optimizing for production is included!) Thank you for this video. It's the first video to quickly and concisely spell out why we should use Bltiz without any fancy web dev jargon..

  • @ayush--gupta
    @ayush--gupta Рік тому

    This is not what I was looking for, but i am very thankful this much clearity of explanation. Really appreciate.

  • @electrotsmishar
    @electrotsmishar Рік тому

    thanks so much. very useful information

  • @santhoshj4081
    @santhoshj4081 Рік тому

    This is a great video, very well presented, thank you so much!

  • @Miodrag0204
    @Miodrag0204 Рік тому

    Thank you! This was so helpful!

  • @dereksolutionsrobins7117
    @dereksolutionsrobins7117 Рік тому

    Hello????? I'm the only one thinking... I mean... thats a lot of friking code and millions of files to make a real time "to-do task"!! you just skip the process of making the api query, but on the other hand theres a lot to do!

  • @infocampus5043
    @infocampus5043 Рік тому

    does ur useState accept prev=>prev+1 ??

  • @IsaiasNhantumbo
    @IsaiasNhantumbo Рік тому

    Awesome...

  • @ChandrikaChenna
    @ChandrikaChenna Рік тому

    Super!! Very useful

  • @rudboi
    @rudboi Рік тому

    Why does calling "renderApp" work inside setState? Aren't function expressions not hoisted? Or does it reside in memory after the first "render" ?

  • @unblockgames
    @unblockgames Рік тому

    More Blitz videos please!

  • @yudhisthirchavan5621
    @yudhisthirchavan5621 Рік тому

    pretty annoying not lot of stuff available on the net

  • @MartinCharles
    @MartinCharles 2 роки тому

    This says noting about how it works only about how to use it.

  • @tipfertilizer4595
    @tipfertilizer4595 2 роки тому

    Your sound volume is very low

  • @DevBishwasBh
    @DevBishwasBh 2 роки тому

    I am getting `a valid query is required` in this line ` useQuery(getTasks, undefined)`

  • @DevBishwasBh
    @DevBishwasBh 2 роки тому

    Indeed awesome. I was initially a Python/Django guy, and developed numbers of webapps with Django. Used to use jQuery for that. Later Hated Jquery, and started learning NextJs. Used Django API with NextJS, did a pretty good job, published it, and working nicely on production till now. But when I tried to develop webapp with Authentication, it was a pain in my a*s. So, I paused NextJs and started learning Rails, developed some webapp with Rails, and published to production, did a good job, but when it came to frontend JS stuff, I was limited as it used Stimulus. Then started seeking rails alternative to NextJS, and got to know about Sails.Js and Blitz, and I guess Blitz is going to be my new companion.

  • @greendsnow
    @greendsnow 2 роки тому

    you need to increase the volume

  • @dmitrypatriarkh9757
    @dmitrypatriarkh9757 2 роки тому

    1:15 if we wrap the element component by memo() wouldn't this problem be fixed?

  • @berakoc8556
    @berakoc8556 2 роки тому

    Wish I had more than one like.

  • @ayush612
    @ayush612 2 роки тому

    Amaziiiiiingggg!!!! Thanks Jacques..so insightful!

  • @NoName-oh9fh
    @NoName-oh9fh 2 роки тому

    Я считаю это прорывом в реакте, но в нынешнее время Стейт менеджеры уже не так важны. Если раньше мы клали все в redux, то сейчас можно все сделать на хуках например SWR. А подобные Стейт менеджеры подойдут для хранения продуктов в корзине например.

  • @michaelnwuju6368
    @michaelnwuju6368 2 роки тому

    Amazing fam, straight to the point.

  • @harisonfekadu
    @harisonfekadu 2 роки тому

    WHAT IS THIS MAGIC????

  • @saisagarsharma
    @saisagarsharma 2 роки тому

    Dude u got very good presentational skills. U will rock. keep posting videos.

  • @oath5926
    @oath5926 2 роки тому

    hey what vscode theme is this?

  • @CYJOHN1120
    @CYJOHN1120 2 роки тому

    Hello, first time playing with Recoil and I'm wondering how do you receive all elements from an atomFamily? For example, the atomFamilty example you have shown on 0:44, how is the Square component receive the id props from the elements that inside the atomFamilty? I'm assuming the Square components would be looped out by map or something similar. I can think of one way is to have an atom store all of the squares, so that we can loop all the Square by the map and pass in the id as props into the Square component.

  • @hasupoetry
    @hasupoetry 2 роки тому

    I am sold

  • @chandrapriya6618
    @chandrapriya6618 2 роки тому

    Really wonderful!! Helped me in a state of confusion

  • @ThugLifeModafocah
    @ThugLifeModafocah 2 роки тому

    Lots of good things to learn from your video. Thanks.

  • @santiskiffa
    @santiskiffa 2 роки тому

    Thanks for this useful video :). I am starting with Blitz and would really love a tutorial on how you could build for example this to do app but let different users sign in and show them their own todo's. Cant find how to set that up anywhere.

  • @deepanshu.770
    @deepanshu.770 2 роки тому

    Hlo Sir, How do we get Value of an Atom/Selector as we get in Redux using Store.getState()

    • @shibinraja
      @shibinraja 2 роки тому

      you have to pass the particular atom state to useRecoilValue which acts like setstate hook

  • @anasaljawa858
    @anasaljawa858 2 роки тому

    Thx this is the coolest framework I've ever seen

  • @prodbyyonyon
    @prodbyyonyon 2 роки тому

    By the way, great content but the site no longer works, has it moved to another URL?

  • @chrisschuller7055
    @chrisschuller7055 2 роки тому

    Awesome video! So many people are just writing the code without explaining the last little bit of why you have to call the render method in the end. Now I understood how it works! :D

  • @SilvioAmon
    @SilvioAmon 2 роки тому

    Finally someone was able to explain this well!

  • @MaxProgramming
    @MaxProgramming 2 роки тому

    Great! I'll give Recoil a try! Just a suggestion at 7:14, when logging something if you wrap it in curly braces, it'll log it with a label coz u log an object console.log({ something })