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

Поділитися
Вставка
  • Опубліковано 23 лис 2024

КОМЕНТАРІ • 160

  • @warrenhenning8064
    @warrenhenning8064 2 місяці тому +106

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

    • @cram000
      @cram000 2 місяці тому +5

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

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

      ​@@cram000 U mean the way he does it

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

      Are you saying javascript should not taken seriously?

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

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

  • @aseeralfaisalsaad
    @aseeralfaisalsaad 2 місяці тому +89

    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 2 місяці тому +1

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

  • @bricemorrison8458
    @bricemorrison8458 2 місяці тому +7

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

  • @infisspablo8602
    @infisspablo8602 2 місяці тому +47

    Mom wake up! New devaslife dropped!

  • @melancholy-engineering
    @melancholy-engineering 2 місяці тому +11

    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 2 місяці тому +4

      Stop saying I wish, start saying I can

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

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

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

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

  • @lintv8679
    @lintv8679 2 місяці тому +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.

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

    Takuya-sensei's videos are definitely peak production !

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

    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

  • @tranlynhathao5393
    @tranlynhathao5393 Місяць тому +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.

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

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

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

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

  • @ibnuhazar366
    @ibnuhazar366 2 місяці тому +4

    men get devaslife notification, men watch, men happy

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

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

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

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

  • @flodderr
    @flodderr 2 місяці тому +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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Bro what! This video is GOLDEN

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

    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.

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

    He's back! Rejoice!

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

    Best channel on UA-cam by far.

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

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

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

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

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

    bruhhh i love your videos like this so much

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

    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.

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

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

  • @travispandos7179
    @travispandos7179 2 місяці тому +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!

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

    Oh we missed this kind of videos ❣

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

    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!

  • @kishafromukraine
    @kishafromukraine 21 день тому

    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.

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

    Another great video ❤ thanks Mr. Takuya ❤

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

    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  Місяць тому

      read the video description

    • @_back_heart_
      @_back_heart_ Місяць тому +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.

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

    babe wake up new devaslife vid just dropped

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

    What mosquito repellent did you use?

  • @NabeelN-td1cu
    @NabeelN-td1cu 3 дні тому

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

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

    Surprise! Surprise!, The King is back!

  • @guilhermeandrade1069
    @guilhermeandrade1069 23 дні тому

    Hello, I congratulate you on the video, one question, are you using Neovim or Vim? Thanks for your attention.

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

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

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

      It reminds me of Neon Genesis Evangelion

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

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

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

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

  • @SouumDesenhista
    @SouumDesenhista 26 днів тому

    how you make this type effect? is an app?

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

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

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

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

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

    Beautiful talent!

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

    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.

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

    what a beautiful place bro

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

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

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

    He solved our problems, the office !

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

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

  • @thurain2787
    @thurain2787 29 днів тому

    what is your fav terminal?

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

    Thank you. Great content.

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

    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  2 місяці тому +1

      yes, it is usually required to ask a permission

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

      @@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

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

    oh what id give to live this life

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

    That's real clean

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

    more videoooooooossssss please Takuyaaaaaaaa Greetings from Argentina

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

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

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

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

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

    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 ?

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

    Can I ask which version of min browser you use?

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

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

  • @Daystarjn
    @Daystarjn 4 дні тому

    Bro please which code editor are you using?

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

    Hey, have you ever used windows terminal?

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

    Which keyboard do you use on the macbook keyboard?

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

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

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

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

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

    Long time no see, great video!

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

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

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

    Thanks!

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

    you could do some cooking scenes , that would be awesome

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

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

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

    unbelievable how do ypu memorize all these codes? MASTER

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

    What do you prefer for state management in react js

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

    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  2 місяці тому

      I'm doing this for marketing

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

      Marketing what?​@@devaslife

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

    Great content. I love it.

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

    thats great.. amazing.

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

    which keyboard are you using here?

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

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

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

    amazing videos !

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

    What keyboard do you use?

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

    Thank you!

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

    Keyboard id? Didn’t find it in the link

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

      Keychron K2

  • @tokimasakoei4632
    @tokimasakoei4632 29 днів тому

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

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

    My guy has the best life

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

    did you consider for live streaming?

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

      that's impossible

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

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

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

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

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

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

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

    how bro could get internet access in that place?

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

    What browser are you using ?

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

    meu sonho é aprender a configurar o meu ambiente de desenvolvimento flutter no vim, trocar o vscode pelo vim e ser um mini devaslife... é muito top, mas a curva de aprendizagem é grande, eu usei um plugin de vim no vscode, mas eu queria muito aprender a navegar entre os arquivos assim, melhor ainda, seria fazer debugging no vim, mas um dia eu chego lá, Deus te abeçoe Devaslife, vocë é uma fonte de inspiração para mim!

  • @howuseehim
    @howuseehim 19 днів тому

    what browser do you use ?

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

    I wanna become an expert full stack web developer like you , any tips for me dude ?

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

    What font do you use?

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

    Can I know your git integration in your terminal?

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

    not bad at all

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

    Could you please tell me which software do you use to take screen records? Your screen recording is so pretty cool and clean.

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

    Welcome back!