How to build a smoothly animated ToDo app with React Native, Expo, Reanimated, NativeBase, and Moti

Hello. I'm Takuya Matsuyama from Japan, an indie developer making a Markdown note-taking app called Inkdrop.
I've learned how to create animated components on React Native by building a simple ToDo app.
I hope you enjoy it!

▶ Check out my product: Inkdrop - Markdown note-taking app
▶ ToDo app source code
▶ Ingredients
* React Native - ReactJS-based framework that can use native platform capabilities
* Expo - Toolset for building and delivering RN apps
* React Navigation(v6) - Routing and navigation
* NativeBase(v3) - Themable component library
* React Native Reanimated - Animations
* React Native SVG - Drawing SVG
* Moti - Helper module for Reanimated 2
▶ My dotfiles
▶ My terminal set up
▶ My NeoVim set up
▶ My desk setup
▶ My equipments
* Video editing: Final Cut Pro X
* Camera: Fujifilm X-T4
* Mic: Zoom H1n
* Slider: SliderONE v2

Follow me online here:

Credits:

0:00 Digest
01:25 Create a new Expo project
06:05 Prepare to use NativeBase
08:42 Add dark theme support
13:33 Go to Kyoto!
14:49 Create SVG checkmark
18:21 Animate the checkbox
22:00 Fix a babel error
23:02 Make the checkbox able to toggle
25:19 Animate the checkbox
27:58 Create task item component
33:55 Animate task label
47:45 Integrate react-navigation and drawer
51:25 Implement swipe-to-remove interaction
01:07:09 Make task items editable
01:12:25 Create task list component
01:31:42 Animate background color
01:36:20 Add masthead
01:43:06 Fix scrollview
01:45:29 Implement sidebar content
01:56:16 Add about screen
02:05:20 Testing on Android

#ReactNative #ASMR #CodeWithMe

[hassaanyounas]

This guy makes Hollywood level coding tutorials. Love it! ♥

[eissa]

Who needs Netflix having this sort of content? Keep it up.

[Franktek]

I'm a 10 years old fullstack developer and i have never seen a coder like this. You are amazing man ....

[someoneyouveneverheardof]

It's pretty clear how much effort you put into your videos and I'm always excited about your content. It's so fun and chilling to watch your videos. I hope your channel grows real well and more people get to enjoy these masterpieces.

[saidjonrko]

This guy is the one who has no 'dislike's. Because this is original. No talk, so patient while downloading dependencies and sound of keyboard makes this video so charming.

[TheBrownBox]

Takuya, you make our work like art....

[WhyouTalk]

Finally, I found a channel that makes me so satisfying to hear that clicking sound of a keyboard also programming ☕️

[drjqool]

I'm not a coder but a former health IT exec. I couldn't help but subscribed due to the quality of content and the quiet, calm, positive atmosphere the videos project.

[farzanzamani]

it's relaxing, fun and educational to watch you work. thank you!

[churchchurch]

The way this guy sits behind his terminal I don’t have words for it but it’s amazing and soothing. The best videos made in surprised you don’t have more subscribers. Arigato

[-weedle]

You are by far my favorite Youtuber. The content, quality and flow of your videos are just perfect! Much love

[metafates]

I have never seen such beautiful programming videos. I'm glad I found your channel 👾

[jayartist_]

You don't say a word, but i learn more from you than from anyone else on youtube. I'm so glad I found your channel. Thank you very much for letting us see you work.

[isaacyoutube]

This is not coding this is an art and you brother are an artist right there

[patriciodiaz]

I love the dedication you put in any part of your code and app, are those little details that make the difference. I can notice the passion and love you put in what you do, and the most satisfying thing is when you see the finished work. Keep like that, one day I hope to achieve what you do!

[typeandplay]

this is the only code channel I really enjoy rewatching

[akuka]

I could watch you coding every day. Your visuals and choise of music are awesome. Looking forward to more content from you!

[amirulhakimazmi]

2 weeks into my first software dev job, and I felt extra overwhelmed with all the tasks given to me especially the fact that I come from a non CS degree and unrelated job experience. Having said that, my motivation has been plummeting since I felt like there is too much to learn with so little time as I am already working on a client project. Fortunately, having this video open while I'm working on my tickets has been such a huge heartwarming environment. The ambient really keeps my head up and look beyond the horizon of all this struggle. Thank you so much.

[shubhdeepsarkar]

This is some ASMR level coding, watched it like 30mins didn't do anything coz this is so relaxing. Love the clicky-ti-clacks. Hands down the best coding tutorial I've ever seen.

[HazemTamimi]

Man you’re a legend. I really get excited when you post something, and I instantly know that it’s something cool even before knowing what is it