Watch on YouTubeThe player loads when you press play.
In this video
I introduce the drawing app we’ll build in Learn Recoil and who the course is for. I chose an editor inspired by Excalidraw because you can see what happens as you change the state. Select a shape, edit it, and you can check which other elements render again.
I describe the plans for derived state, asynchronous data, performance, and saving your work. This was the announcement. The course archive lists the 20 lessons I went on to publish.
Read the automatic transcript
YouTube generated these captions and sometimes gets names, punctuation, and code wrong. Check the recording if something reads oddly.
0:00 — hey everyone my name is jacques blum and today i'm going to show you what you're going to learn in my upcoming free recoil course so a while back i released a handful of tutorial videos on youtube that show you how to set up recoil and use it to build high performance apps many of you loved watching the videos and learning about recoil but because recoil is always changing and growing and because i didn't cover everything i wanted to in my videos i've decided to create a free recoil course that will take you from beginner to recoil expert in this video
0:31 — we're going to go through what you'll learn in the course you're going to learn all there is to know about recoil by building a clone of the popular drawing tool excali draw we're going to start by setting up recoil and a simple canvas where you can add a shape drag it around and resize it you can really check out this first bit of the app that we'll build at app.loanrecoil.com next we're going to take full advantage of recoil's high performance features such as atom family and selector family to add rotating multi-select and an edit property sidebar this will
1:02 — show you how you can build super high performance apps with recoil even if you have a large number of components on the page then to learn how we can persist and rehydrate recoil state we're going to build a save drawing to file feature where we save the drawing state of file and then add the functionality to reopen the file again and to take recoil state persistence a step further we're also going to add functionality to save the drawing to a server and generate a shareable link then if someone opens that link it'll download and rehydrate the recoil state
1:32 — and to allow uploading of images and other rich media onto the canvas we're going to make use of recall's async capabilities along with react suspense this will show you how you can use recoil and suspense with async operations like loading images or loading data then to explore how we can further boost performance we're going to enable concurrent mode in react and see how recoil works with it concurrent mode isn't quite ready for production yet but this will make sure that you're ready to use recoil with concurrent mode when it is ready for production and to learn how we can deeply integrate
2:03 — into recoil we're also going to build our own devtools chrome extension to debug our recoil app then to make sure our app is performing as it should we're going to explore techniques we can use to debug test and improve recoil performance so that you can build high performing apps with recoil and with all of the code we write we're going to add comprehensive tests and the course will include a special section on testing too so then you'll know exactly how to write tests for your recoil state to make sure that your code always works and this is just a high level overview
2:34 — of the things that we're going to cover the course is going to contain a bunch of tips and tricks that you can use to take full advantage of recoil so if you're ready to master recoil and use it like a pro sign up for my free course at learnrecoil.com now so that you'll be the first to know when the first videos come out also the course is a work in progress so if there is anything you would like to learn about recoil feel free to get in touch you can dm me at jacques underscore codes on twitter or send me an email at me jakblom.com
3:06 — so head over to learnrecoil.com today to sign up cheers everyone looking forward to you signing up and i'll see you there
Originally published on Jacques Blom.
