How to build animated & responsive tablet UIs with React Native (at the lakeside)

▶ Check out my product: Inkdrop - Markdown note-taking app

Follow me online here:

Credits:

00:00 Intro
02:34 Add note list header component
07:39 Create TextInput restyle component
14:24 Add a TextInput to the header bar
20:27 Move the theme picker to the sidebar
25:39 Add a left header bar button that can transform i
37:07 Add a clear button to the header bar
38:55 Implement the header bar animations
43:19 Enable tablet layouts
44:29 Add a navbar to the detail screen
53:37 Add editor state atom
56:48 Create a note list screen for phones
01:03:07 Use 'useSetAtom' for better performance
01:03:21 Make the screen responsive
01:11:08 Create a note list screen for tablets
01:13:47 Create a three-column lavout component
01:28:12 Memoize props of some components to improve
01:29:33 Hide left view in portrait mode
01:30:11 Toggle the sidebar
01:31:05 Add the sidebar to the left view
01:32:09 Implement detail screens for phones and tablets
01:40:02 Update the stack navigator for phones
01:40:19 Display note body on the detail screen
01:44:45 Ending

#ReactNative #CodeWithMe #ASMR

[NazC]

man's typing to the beat of nature.

[rob]

Love the locations you pick for these videos, it's beautiful there! I've been getting back into React Native recently after a 4 year break, so much has changed (for the better), your videos are a source of inspiration.

[rana_co_]

I have been using your nvim config for like 6 months now and it really has changed a lot! I just love your minimalism!!!

[davidl]

I love the concept of working/coding in nature or just outdoors . I find it very relaxing and out of the box . Very often here on YouTube you find people working in these super penthouses or mega offices with the latest computer and thousands of led lights . But we often forget that you only need a laptop to do most of the work and most importantly some vitamin D :)

[python]

This man has shown me more of the natural world than most nature shows have

[broken-dimension-remind]

Days with a new devaslife video are joufyl days. Thank you again.

[shuaidong]

I look forward to your works every day. I like watching your works very much. I can also focus on my work. Thank you for your video

[bizzarrazzib]

its so perfect to see your work :), I run your videos on background during my work time and enjoy every sound :)
thank you to share your life and skills to us

[hanighazi]

We are so lucky that such a good, high quality videos are online for free!
Thanks for the efforts! wish you all the best <3 <3

[jasonloh]

I like how you show your key presses when you are using neovim, this helps me alot as a begineer when im encountering problems with command choice in neovim, you are showing me some easy and efficient commands that i can quickly pick up. Nice Video

[levmisiliuk]

Bro every video of yours is just something unreal. Very beautiful and very cool!

[roshanleembu]

Started using neovim after watching your video and It's helping me alot. And I'm learning new ways to do things in neovim day by day. Your workflow always inspires me. Thank you

[stoyick]

I have to say, for no other YouTuber am I this excited when I see a new video 😂

[ardafirarda]

This not just engineering. It's ART!

[fezkhanna]

What a beautiful video and fantastic content. Lots of love from Sydney, Australia 🎉

[bishenpatel]

Someone assigns me something to do : sure I'll take a look at it once I've spent 2 hours watching Takuya's video..

You've been nothing but amazing Takuya... Appreciate your videos and effort into making these videos... Keep up the good work.. I'm ( or we are ) looking forward for your new videos...

[studyingasyouwere]

You inspired me to start learning and posting web dev contents Taka! Thank you and keep being you. Much love! ♥

[lucisdev]

Thank you very much for the effort to generate this high quality content.

A greeting from Spain

[whoIsDeck]

Love to see you in new loactions and content you choose

[habong]

i now see many other youtubers whose videos are inspired by your video styles. But man, none of them are nowhere near the originator, devaslife!