How to build a smoothly animated table of contents (by a bonfire🔥) w/ Bun, Framer Motion, Zustand

Поділитися
Вставка
  • Опубліковано 11 січ 2025

КОМЕНТАРІ • 167

  • @warrenhenning8064
    @warrenhenning8064 3 місяці тому +117

    I admire this person's ability to take JavaScript seriously as a craft.

    • @cram000
      @cram000 3 місяці тому +6

      Yea man, the stuff he does with web dev is so good

    • @darianmorat
      @darianmorat 3 місяці тому

      ​@@cram000 U mean the way he does it

    • @GaneshPalraj1991
      @GaneshPalraj1991 3 місяці тому

      Are you saying javascript should not taken seriously?

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

      @@darianmorat do you mean its only aesthetics and not the content?

  • @A2Fyise
    @A2Fyise 3 місяці тому +96

    This coding video is unlike any other coding video I have seen. Primitive coder. Coding in nature what else should I call it. Soothing...

    • @JS-kb4bk
      @JS-kb4bk 3 місяці тому +1

      It's soothing until your body starts hurting from sitting in that uncomfortable leaned over position

  • @infisspablo8602
    @infisspablo8602 3 місяці тому +49

    Mom wake up! New devaslife dropped!

  • @bricemorrison8458
    @bricemorrison8458 3 місяці тому +8

    These videos are an incredible combination of coding, nature, ASMR. I love them so much ❤

  • @manuelk.396
    @manuelk.396 3 місяці тому +4

    The aesthetic of your videos is unreal ! Greetings from Greece, someday I would love to visit Japan. Much love.

  • @lintv8679
    @lintv8679 3 місяці тому +3

    Here is the translation:
    The video is amazing. I have always been looking forward to your latest videos. They help me relieve stress and learn many new things. Wishing you and your family good health so that you can continue to bring more videos. Thank you very much.

  • @melancholy-engineering
    @melancholy-engineering 3 місяці тому +12

    I wish I could live like this...
    Live in Japan, have an awesome personal project that generate enough money to travel in such places.
    Takuya, you are awesome! Keep moving only forward!

    • @iukys3889
      @iukys3889 3 місяці тому +5

      Stop saying I wish, start saying I can

    • @GaneshPalraj1991
      @GaneshPalraj1991 3 місяці тому +1

      No one is stoping you from creating a project and making money with it.

  • @ibnuhazar366
    @ibnuhazar366 3 місяці тому +5

    men get devaslife notification, men watch, men happy

  • @billpexal
    @billpexal 3 місяці тому

    gue bahkan ga ngerti ni orang lagi ngerjain apaan tapi videonya tetep gue puter ampe selesai karna vibesnya enak dan dengerin ASMR dia ngetik wkwk

  • @esparda07
    @esparda07 3 місяці тому +5

    He's back! Rejoice!

  • @lululucaschae
    @lululucaschae 3 місяці тому +1

    What a treat! Your videos always inspire me to make my own :) Thanks as always!

  • @-weedle
    @-weedle 3 місяці тому +2

    Your videos are the best, amazing job as always much love

  • @bbcoolg100
    @bbcoolg100 3 місяці тому +1

    That's top tier content right there!!! ♥ as always!!!

  • @travispandos7179
    @travispandos7179 3 місяці тому +2

    I am addicted with your videos Takuya! I don't think I'd be able to write code in the heat, on the floor, next to a river in Japan but boy is it amazing to watch you do it. It does get me thinking though... Do we all really need standing desks, extra monitors, fancy lighting, nice chairs, etc..? I think not.
    Thank you always for your amazing content, updates and videos about inkdrop, etc.
    Keep it up!

  • @tranlynhathao5393
    @tranlynhathao5393 3 місяці тому +1

    I really enjoy your videos, and I hope to have many discussions with you about software development. Wishing you good health and lots of joy.

  • @nitroflap
    @nitroflap 3 місяці тому +1

    Finally you have uploaded! One more video to put on background!

  • @danirdd92
    @danirdd92 3 місяці тому

    Takuya-sensei's videos are definitely peak production !

  • @josepaulino8319
    @josepaulino8319 3 місяці тому

    You are one of my inspiration to learn programming. I appreciate you, Takuya 🙌🏻

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

    I found your video very good, you really are a genius in the digital world

  • @royersegura5991
    @royersegura5991 3 місяці тому

    Best channel on UA-cam by far.

  • @Alexandre_Keo
    @Alexandre_Keo 3 місяці тому

    So cozy, Hope you will keep doing these kind of videos!

  • @GanixManuel
    @GanixManuel 3 місяці тому

    Thanks! I spent several hours the other day doing that in HTML, now you share this jewel :). Many greetings!

  • @comosaycomosah
    @comosaycomosah 3 місяці тому

    bruhhh i love your videos like this so much

  • @felixrodriguez6477
    @felixrodriguez6477 3 місяці тому +1

    Surprise! Surprise!, The King is back!

  • @anonuser260
    @anonuser260 3 місяці тому

    Bro what! This video is GOLDEN

  • @_back_heart_
    @_back_heart_ 3 місяці тому +2

    The video is great! Could you make a video with your full terminal setup, including all plugins and aliases? I really liked your terminal for development, and I'd love to use the same setup for my work. Your settings are really impressive!

    • @devaslife
      @devaslife  3 місяці тому

      read the video description

    • @_back_heart_
      @_back_heart_ 3 місяці тому +1

      @@devaslife I saw the settings mentioned in the description. But in any case, I kindly ask you to record one complete video that combines all the videos listed in the description. This will make it easier to watch your content and understand how and what you're using, and where everything comes from. It will also be beneficial for your content since it will be fresh material on setting up the development environment. Many people tend to skip older videos based on their release date.

  • @SownJevan
    @SownJevan 3 місяці тому +1

    Haven't watched the video fully. But I know this is going to be super great.

  • @weekendcode
    @weekendcode 3 місяці тому

    Am I the only one who wants to get javascript tutoring from this guy? This is an art.

  • @h4d3n27
    @h4d3n27 3 місяці тому

    babe wake up new devaslife vid just dropped

  • @ali_ait_rhou
    @ali_ait_rhou 3 місяці тому

    Oh we missed this kind of videos ❣

  • @vasiliisisilii
    @vasiliisisilii 3 місяці тому

    Another great video ❤ thanks Mr. Takuya ❤

  • @flodderr
    @flodderr 3 місяці тому +1

    honestly I dont know what is more impressive, your actual coding skills or that you can remember every package name by heart that you have to install

  • @ama_p213
    @ama_p213 3 місяці тому +2

    I feel very happy every time a new video is released!

  • @BangNguyen-wo8xl
    @BangNguyen-wo8xl 3 місяці тому

    Long time no see, great video!

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

    In the 6:57 when you write bun add there are many emojees and icons are coming .How to do that?

  • @matheus.tecchio
    @matheus.tecchio 3 місяці тому

    you unlock a new desk environment that I haven't thought before

  • @techatmosphere
    @techatmosphere 3 місяці тому

    no matter what, coding while listening to the sound of river are so relaxing haha

  • @abdelalikabou9197
    @abdelalikabou9197 3 місяці тому

    I was looking these days how to build table of contents with animation. so Wow what a what a coincidence 😅

  • @xXbxXz3ch3chvXx
    @xXbxXz3ch3chvXx 3 місяці тому

    Sometimes, life easy.
    Takuya, new video.
    I like it a lot.

  • @yahyaadinugraha1058
    @yahyaadinugraha1058 3 місяці тому +2

    What mosquito repellent did you use?

  • @alextumirihuanca9299
    @alextumirihuanca9299 3 місяці тому +1

    more videoooooooossssss please Takuyaaaaaaaa Greetings from Argentina

  • @Mosiah369
    @Mosiah369 3 місяці тому

    Beautiful talent!

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

    how you make this type effect? is an app?

  • @human-kq1wf
    @human-kq1wf 3 місяці тому

    Hi, @devaslife, I've been a longtime fan of your videos and style of filming. I was wondering how you are able to overlay the terminal or VS code over your outdoor recordings? I am hoping to try the same format for a small project tutorial that I would like to film for my portfolio.

  • @solime7777
    @solime7777 17 днів тому

    How is his lualine having 2 shades?so does his tmux too that arrow top

  • @AndrewTelles
    @AndrewTelles 3 місяці тому

    Your videos are so great, thanks for sharing. I'm curious, do you manage all your projects/time with Inkdrop? It seems like are working on so many things, plus you have a family, how do you manage it all?! Do you use something else in addition like Notion? Thanks!

  • @driftFD
    @driftFD 3 місяці тому +1

    nature's background noise sounds like ambience in some anime set in summer. god I missed hearing it.

    • @pavoskocibusic8832
      @pavoskocibusic8832 3 місяці тому +1

      It reminds me of Neon Genesis Evangelion

    • @driftFD
      @driftFD 3 місяці тому +1

      @@pavoskocibusic8832 Yeah I was thinking the same, same with Shiki and Higurashi. Damn I miss being young and watching anime.

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

    Super,
    But I would like to know why you are using different UI libraries?))

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

    Big greetings to you from Kyiv
    I'm watching you, even though I don't understand anything about programming at the junior level, but it helps to switch from war, constant shelling and air raids 24/7.

  • @Badis-n2u
    @Badis-n2u 3 місяці тому

    He solved our problems, the office !

  • @vizkex
    @vizkex 3 місяці тому

    what a beautiful place bro

  • @Iog
    @Iog 3 місяці тому

    That's real clean

  • @djlee0721
    @djlee0721 3 місяці тому

    Welcome back!

  • @sourabh22
    @sourabh22 3 місяці тому

    What is the interactive git commit message formatter thing? Is it some kind of terminal plugin?

  • @NabeelN-td1cu
    @NabeelN-td1cu Місяць тому

    pls tell me what is the background color you are using in the nvim .

  • @nahueljj
    @nahueljj 3 місяці тому

    Hi, I love this video, thanks for everything! I have a question: what package are you using to get help with commits (for example, fix:..., chore:..., feature:...)? I checked your package.json, but I didn't see anything related to this.

  • @kubakakauko
    @kubakakauko 3 місяці тому

    Thank you. Great content.

  • @DevPure
    @DevPure 3 місяці тому

    Great content. I love it.

  • @MiohitoKiri
    @MiohitoKiri 3 місяці тому

    Is this feature possible add into the previous videos you uploaded about astro blog?
    I'm following your video to build my own blog but it's really hard to find a useable tutorial to create TOC.

  • @qudratillosalakhiddinov
    @qudratillosalakhiddinov 3 місяці тому

    what font family did you use in terminal ?, i like it

  • @bizzarrazzib
    @bizzarrazzib 3 місяці тому +2

    unbelievable how do ypu memorize all these codes? MASTER

  • @TheRationalBird
    @TheRationalBird 3 місяці тому

    Your coding videos in nature make me wonder, how did man go from being primitive and living in nature to this!

  • @yadhukrishnacu3004
    @yadhukrishnacu3004 3 місяці тому +1

    What terminal tool do you use for git. Anyone have idea ?

  • @shadowKamiyama
    @shadowKamiyama 3 місяці тому

    i want to ask you do you use a hotspot to get on the internet on your laptop or something like that. if you do what hotspot is it ?

  • @edilsonsouza8035
    @edilsonsouza8035 3 місяці тому

    I love your videos ❤ i am from Brazil. Epic ❤ video❤

  • @gabrielmagalhaes3853
    @gabrielmagalhaes3853 3 місяці тому

    you could do some cooking scenes , that would be awesome

  • @prabhjotschadha1153
    @prabhjotschadha1153 3 місяці тому

    What do you prefer for state management in react js

  • @Sapientiaa
    @Sapientiaa 3 місяці тому

    Is that Lualine or something else for the nvim command line?

  • @royerguerrerop5982
    @royerguerrerop5982 3 місяці тому

    Which keyboard do you use on the macbook keyboard?

  • @maxmoriss
    @maxmoriss 3 місяці тому

    Hey, good to see you again. May I know what a git plugin do you use for commiting?

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

    What is the name and link of bubble tool on start of video?

  • @yanhuan1
    @yanhuan1 3 місяці тому

    Can I ask which version of min browser you use?

  • @viktorcherevin2932
    @viktorcherevin2932 3 місяці тому

    How did you have gitsigns on the right side of the numbers? Looks beautiful. Can't seem to find anything in your config

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

    Sorry to bother, sir, but could you tell me what the font do you use?

  • @ardostree-c4s
    @ardostree-c4s Місяць тому

    While watching your video, I see that your commitizen version is different could you share your new config in your official dotfiles

  • @broggully
    @broggully 3 місяці тому +2

    Keyboard id? Didn’t find it in the link

    • @roji56
      @roji56 3 місяці тому

      Keychron K2

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

    what is your fav terminal?

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

    Bro please which code editor are you using?

  • @nando.95
    @nando.95 3 місяці тому

    amazing videos !

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

    Great video as always bro, could you please tell me what it the tool used to perform git diff that are you using?

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

      i found the tool name, it's called delta

  • @Stormwiggers
    @Stormwiggers 3 місяці тому

    My guy has the best life

  • @pavelluzanov3157
    @pavelluzanov3157 3 місяці тому

    awww, that campfire is so nice and comfy 😊 is it a no problem to have a bonfire(campfire) like this at any place or need some special permit?

    • @devaslife
      @devaslife  3 місяці тому +1

      yes, it is usually required to ask a permission

    • @pavelluzanov3157
      @pavelluzanov3157 3 місяці тому

      @@devaslife thanks for reply, I used to live in other place but now in Tokyo, sometimes I'm missing a possibility to sit next to a bonfire 😅 it used to be easy back then, but here I'm not sure how to arrange,
      I guess I'll search around maybe some campsites do allow it with some precautions

  • @borkesahin8729
    @borkesahin8729 3 місяці тому

    Hey, have you ever used windows terminal?

  • @markivan3382
    @markivan3382 3 місяці тому

    Im curious about the code editor you are using :) can you please tell?

  • @devaslife8
    @devaslife8 3 місяці тому

    What keyboard do you use?

  • @makesushi
    @makesushi 3 місяці тому

    oh what id give to live this life

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

    what browser do you use ?

  • @maxsavy4462
    @maxsavy4462 3 місяці тому

    What browser are you using ?

  • @Olat3
    @Olat3 3 місяці тому

    which keyboard are you using here?

  • @AhmedMOHAMED-hl1hd
    @AhmedMOHAMED-hl1hd 3 місяці тому

    the video is amazing but one question how did you get a an internet connection in the middle of the woods

  • @StormeSpace
    @StormeSpace 3 місяці тому

    a banger video also how can i configure my terminal to the terminal in the video

  • @myatkyawthu861
    @myatkyawthu861 3 місяці тому +1

    Can I know your git integration in your terminal?

  • @nikob381
    @nikob381 3 місяці тому

    Takuya, any advice on what to pursue to get to live and code like this? Do you need to be living off of solo projects or are there normal dev jobs that give you this kind of flexibility?

    • @devaslife
      @devaslife  3 місяці тому

      I'm doing this for marketing

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

      Marketing what?​@@devaslife

  • @azharymunira4772
    @azharymunira4772 3 місяці тому +1

    What font do you use?

  • @kyawzinthant170
    @kyawzinthant170 3 місяці тому

    how bro could get internet access in that place?

  • @w33k3nd5
    @w33k3nd5 3 місяці тому

    i love watching this . But whenever I tries terminal with all setup, I just gave up everytime!

  • @bizzarrazzib
    @bizzarrazzib 3 місяці тому

    did you consider for live streaming?

    • @devaslife
      @devaslife  3 місяці тому

      that's impossible

    • @bizzarrazzib
      @bizzarrazzib 3 місяці тому

      @@devaslife i see. Master of own art need peace and calm presentation of himself. I love it

  • @teliiz
    @teliiz 3 місяці тому

    thats great.. amazing.

  • @bakaleisanich
    @bakaleisanich 3 місяці тому

    Thank you!

  • @shadower3707
    @shadower3707 3 місяці тому

    I loved the part where you were showing the code and there was wood burning