How to build a Markdown editor using Electron, ReactJS, Vite, CodeMirror, and Remark

แชร์
ฝัง
  • เผยแพร่เมื่อ 18 ก.ย. 2024

ความคิดเห็น • 257

  • @devaslife
    @devaslife  3 ปีที่แล้ว +44

    I also built a Markdown note-taking app: Inkdrop www.inkdrop.app/?Bis8EgoAg

    • @khalilbugti4079
      @khalilbugti4079 ปีที่แล้ว

      My dream to visit japan at least once in my life because you people are really honest and amazing.

  • @usakadam
    @usakadam 3 ปีที่แล้ว +351

    Vim, mechanical keyboard, no commentary, beatiful aesthetics are so relaxing and top-notch. I love this channel. It motivates me a lot.

    • @viperactual
      @viperactual 2 ปีที่แล้ว

      allows one to focus.

  • @apidas
    @apidas 3 ปีที่แล้ว +59

    this guy programming swag level is through the roof
    and he's a frontend engineer

  • @ITZollx
    @ITZollx 3 ปีที่แล้ว +160

    The effort you put into your content is always apparent and it shows in the end product, by far one of my favourite content creators!

    • @devaslife
      @devaslife  3 ปีที่แล้ว +4

      Thanks, Swanny!

  • @blessdarah1256
    @blessdarah1256 3 ปีที่แล้ว +15

    The keyboard sound is so refreshing

  • @Kevinppaulo
    @Kevinppaulo 3 ปีที่แล้ว +4

    Man, the aesthetics of your videos are just SPOT ON.

  • @bienjieonex
    @bienjieonex 3 ปีที่แล้ว +7

    It's raining here...and this is perfect!!
    Best ASMR ever!!...

  • @nikolajjsj
    @nikolajjsj 3 ปีที่แล้ว +10

    One of the few TH-camrs I've truly enjoyed every video from, in the last couple of years!
    Great work and keep it up!

    • @devaslife
      @devaslife  3 ปีที่แล้ว +1

      Thank you, Nikolaj!

  • @neunmalelf
    @neunmalelf 3 ปีที่แล้ว +7

    Your Video-Editor Skills are skyrocketing! 👍👏

  • @atrocitykings684
    @atrocitykings684 3 ปีที่แล้ว +7

    Wow. This is probably one of the best coding video i have ever watched. Great job mate! I started to look for a download link but you provided a git with full tutorial! Thats insane! SUBBED!

  • @joseanchietadev
    @joseanchietadev 3 ปีที่แล้ว +6

    Thank you for sharing this video, it's amazing how calm and concentrated I'm during your videos.

  • @sainathsingineedi2922
    @sainathsingineedi2922 3 ปีที่แล้ว +10

    Need more of these 🔥

  • @diwakar8815
    @diwakar8815 3 ปีที่แล้ว +39

    Subscribers : How much asmr are you going to add to these videos
    Devaslife: Yes
    😆

    • @devaslife
      @devaslife  3 ปีที่แล้ว +1

      Hahahah😆

  • @constWardtz
    @constWardtz 2 ปีที่แล้ว +1

    I love the minimalism of your videos

  • @solomonlijo
    @solomonlijo 3 ปีที่แล้ว

    Hey, I am just 13 and I was looking for an in-depth tutorial. I didn’t find a an in-depth tutorial but a legendary tutorial

  • @swastikacharyya
    @swastikacharyya 3 ปีที่แล้ว +20

    As a long time subscriber of yours I knew that this video is gonna be great ❤️❤️ but as a asmr lover and programmer I didn't know that you are gonna make it greater and more awesome 🌝❤️
    Thank You for this kind of videos and this is so sick ❤️🔥

    • @devaslife
      @devaslife  3 ปีที่แล้ว +1

      Thank you, Swastik! So glad you enjoy it🤩

  • @tobiasfalk7345
    @tobiasfalk7345 3 ปีที่แล้ว +2

    Oh my... that's so super satisfying. Better than any ASMR.

  • @A--_--M
    @A--_--M 2 ปีที่แล้ว

    Wasnt here for the ASMR but that was very welcoming. Clean, minimal & beautiful content.

  • @ITSH4WK
    @ITSH4WK 3 ปีที่แล้ว

    This is hands down my new favorite channel. Amazing 👍

  • @tsioryfitiavanaanhykrishna6992
    @tsioryfitiavanaanhykrishna6992 3 ปีที่แล้ว +1

    Love your contents ! I love the way you make videos. And that keyboard sound OMG keep up the good works Takuya ! Love from Madagascar !

  • @HazemTamimi
    @HazemTamimi 2 ปีที่แล้ว +1

    Another level. Just a whole other level! Thank you!

  • @chyldstudios
    @chyldstudios 3 ปีที่แล้ว +1

    You have mixed ASMR with Coding videos ... Brilliant!!!

  • @devglowAI
    @devglowAI 2 ปีที่แล้ว

    The sound of the mechanical keyboard is always a welcome sound.

  • @0onima
    @0onima ปีที่แล้ว

    your style is so aesthetic, I'm hoping to have something similar to this someday

  • @jrupp2823
    @jrupp2823 3 ปีที่แล้ว

    lowkey the best video on TH-cam lol so glad this blew up

  • @taqyathallahxtkj1962
    @taqyathallahxtkj1962 2 ปีที่แล้ว +1

    Mechanical keyboard+No Commentary im enjoying play your video....
    Thanks Sir...

  • @madvillany420
    @madvillany420 3 ปีที่แล้ว

    I’m amazed on how many fonts you remember off the top of your head.

  • @mcodes5214
    @mcodes5214 3 ปีที่แล้ว

    Man you're videos quality is so awesome.

  • @codentime7881
    @codentime7881 3 ปีที่แล้ว +2

    the only programmer that tell everything without speak any word

  • @a-z2928
    @a-z2928 2 ปีที่แล้ว

    Dang, that's a god given talent. Enjoyed watching your tutorial.

  • @thanatosor
    @thanatosor 2 ปีที่แล้ว

    This channel is more useful for dev community than something like techlead

  • @anupamkumarkhamrai8924
    @anupamkumarkhamrai8924 2 ปีที่แล้ว

    Recently started watching you but i like your content very much ..end product looks polished

  • @mayankdutta2832
    @mayankdutta2832 3 ปีที่แล้ว

    Your creativity is always next level

    • @devaslife
      @devaslife  3 ปีที่แล้ว

      Happy to hear that :)

  • @BilalBudhani
    @BilalBudhani 3 ปีที่แล้ว +1

    amazing & insightful video! I always love your content and look forward to learning from you. Much love from India 🇮🇳!

  • @fleischer444
    @fleischer444 3 ปีที่แล้ว

    I love it, this makes me regret not getting in to C++ in high school in the 90s like everyone told me to. 😂

  • @lineupp9199
    @lineupp9199 3 ปีที่แล้ว +1

    I think you just invented a new genre: coding ASMR

    • @devaslife
      @devaslife  3 ปีที่แล้ว +1

      "Coding ASMR" - Nice naming!

  • @aminehero4729
    @aminehero4729 ปีที่แล้ว

    you are an artiste , bravo

  • @willl0014
    @willl0014 3 ปีที่แล้ว

    This is an amazing display of skill

  • @auntiecarol
    @auntiecarol 2 ปีที่แล้ว

    I usually watch youtube at 1.5x speed, and came across this video quite by accident, thinking I might slow it down a bit to see what was being typed here and how the pieces go together. Somehow settings had reverted to 1.25x speed. Intrigued I went to normal... DAMN! Still fast.

  • @JakubSK
    @JakubSK 2 ปีที่แล้ว

    Thank goodness someone else uses Vim and not something crappy like Visual Studio or VS Code.

  • @Alba-zr9jq
    @Alba-zr9jq 3 ปีที่แล้ว

    I like your design (visualization and keyboard sound).

  • @someoneyouveneverheardof
    @someoneyouveneverheardof 3 ปีที่แล้ว +1

    These videos are gold 💛

  • @hashanchandika7110
    @hashanchandika7110 3 ปีที่แล้ว +6

    so cool, might wanna try this...btw what is the tool you use to show keystrokes you press? so handy 👌😍

  • @NERO-ez1mn
    @NERO-ez1mn 2 ปีที่แล้ว

    it will be soothing if we can hear your voice even all of us will go "WAKARANAI!!!!!!" it will look "SUGOI" && that HHKB is smooth

  • @渔圈孙
    @渔圈孙 2 ปีที่แล้ว +1

    wow,i really fancy the appearance of your vim. Can you make a video to tell me how to config it?😍😍😍

  • @icarusgk9856
    @icarusgk9856 3 ปีที่แล้ว

    Gonna add this to my portfolio

  • @tannerbyers6729
    @tannerbyers6729 2 ปีที่แล้ว +6

    I love your content! I listen to it while I work and will watch while my code compiles XD. I wish it was a little more realistic with like using packages and stuff... unless you actually remember every component inside all the dependencies you use :') If so, I'd hate to call myself a programmer lol

  • @teknologene
    @teknologene 3 ปีที่แล้ว

    ASMR ASMR ASMR ASMR. I fell asleep while watching but woke up just before the end. HAHA

  • @meerzulee
    @meerzulee 3 ปีที่แล้ว +1

    I wish I was coding like you 😯

  • @a062693069
    @a062693069 3 ปีที่แล้ว

    OMG!!!
    Very high quality

  • @JuankM1050
    @JuankM1050 3 ปีที่แล้ว

    No idea what are you doing but beautiful video man.

  • @FinoTheSuper
    @FinoTheSuper 3 ปีที่แล้ว +2

    Hi Takuya, i'm a solo SaaS developer, i love your content about your programming and develop you app.
    Would love to see how do you manage your marketing part if there is any.

  • @codefactory_official
    @codefactory_official 2 ปีที่แล้ว

    Ooh i really wanna know how u are editing the vids. What effect is the hologram vim thingy? Also what are you using to record the screen? Greatly appreciated

  • @ianmusyoka9717
    @ianmusyoka9717 3 ปีที่แล้ว +15

    Your terminal looks amazing can you outline the steps you used to customize it i do the same on mine. Love your project too 💪

    • @RuslanKovtun
      @RuslanKovtun 3 ปีที่แล้ว +2

      He has public dotfiles repo, you can check it out

  • @app11120
    @app11120 2 ปีที่แล้ว

    how many dependencies you need?
    JS devs: Yes

  • @snipzmattio5887
    @snipzmattio5887 3 ปีที่แล้ว

    Nice video! Just started writting in mardown myselft

  • @henryb.aguilar2438
    @henryb.aguilar2438 2 ปีที่แล้ว

    Dude, you're awesome!

  • @alexnosov2066
    @alexnosov2066 3 ปีที่แล้ว +1

    Amazing!

  • @ovct8117
    @ovct8117 3 ปีที่แล้ว

    thanks for the asmr haha, i appreciate your job!

  • @adityaghosalkar431
    @adityaghosalkar431 3 ปีที่แล้ว

    simply amazing

  • @bnny2175
    @bnny2175 3 ปีที่แล้ว +2

    Thank you very much for this. Can we also get a React Native how to like this one.

  • @MarjoForcado
    @MarjoForcado ปีที่แล้ว

    It feels like I'm watching a cooking show, but for programming.

  • @jomoc6112
    @jomoc6112 2 ปีที่แล้ว

    i dont understand everything aside from electron (because i code in vscode) but i watch your video until it end its so unique and inspiring. please do a video why you choose vim over vscode please i want to understand your point of view. because at the moment i want to use vim like you to look cool.

  • @mprasanth18
    @mprasanth18 2 ปีที่แล้ว +6

    How are you remembering all the package names and all the functions available in it? Its just mind blowing.

  • @adnanrruka5152
    @adnanrruka5152 2 ปีที่แล้ว

    What a quality of videos!

  • @chandragie
    @chandragie 2 ปีที่แล้ว

    This is gold!!! 🔥🔥🔥

  • @abdullohtursunov3380
    @abdullohtursunov3380 2 ปีที่แล้ว

    Your typing is amazing,

  • @thehonestabe
    @thehonestabe 3 ปีที่แล้ว

    Relaxing video!

  • @vanduysfs
    @vanduysfs 3 ปีที่แล้ว

    Love your vid so much! hope you will make a vid for sharing about how you can code so fast :D speed of light

  • @JDR_ZA
    @JDR_ZA 2 ปีที่แล้ว

    Is this the first time coding this application? Or are you redoing it for the tutorial? I mean, you have to prepare the tutorial first, right?

  • @mohammedb7538
    @mohammedb7538 2 ปีที่แล้ว

    Beautiful 💯

  • @nkr4318
    @nkr4318 2 ปีที่แล้ว

    Thanks a lot for very beautiful video

  • @aqua1144
    @aqua1144 3 ปีที่แล้ว +2

    Amazing! BTW which terminal are you using? Can you please share the customizations?

    • @reemmikulsky1382
      @reemmikulsky1382 2 ปีที่แล้ว

      I would like to know too

    • @NexushasTaken
      @NexushasTaken 2 ปีที่แล้ว

      He just use the default terminal by os he is using and customize it with dotfiles

  • @SuboptimalEng
    @SuboptimalEng 3 ปีที่แล้ว +1

    Great video! I'm wondering why you didn't use the default React + TypeScript config for Vite 👀

    • @devaslife
      @devaslife  3 ปีที่แล้ว +1

      Because it's an Electron app

    • @joaomendoncayt
      @joaomendoncayt 3 ปีที่แล้ว +1

      @@devaslife Because you started with a template from github and it came with the vue setup right?

  • @zaron8614
    @zaron8614 3 ปีที่แล้ว +1

    What browser are you using? Pls

  • @baliyachtservices7505
    @baliyachtservices7505 2 ปีที่แล้ว

    most impressive

  • @jexxiewoo8390
    @jexxiewoo8390 3 ปีที่แล้ว +1

    Nice! Btw, what app is it for your mouse click capture?

    • @devaslife
      @devaslife  3 ปีที่แล้ว

      Cursor Pro: apps.apple.com/us/app/cursor-pro/id1447043133

  • @philome4811
    @philome4811 2 ปีที่แล้ว

    Making it a one screen editor would be noteworthy.

  • @jspnser
    @jspnser 2 ปีที่แล้ว

    Love your channel, can you please make some tutorial on react? Your videos has helped me a-lot recently getting back my motivation for web development. Thank you!

  • @shibakaneki555
    @shibakaneki555 3 ปีที่แล้ว

    Nice one!

  • @IlhanNegis
    @IlhanNegis 3 ปีที่แล้ว

    yes! the ctrl key on right place!

  • @_mannyponce
    @_mannyponce 2 ปีที่แล้ว

    great vid. is the kb using MX Reds?

  • @jamiebradley5520
    @jamiebradley5520 3 ปีที่แล้ว +1

    Great video! Please could you share what keyboard switches are you using?

    • @devaslife
      @devaslife  3 ปีที่แล้ว +1

      Please watch the previous video

  • @Jeffrey7P
    @Jeffrey7P 2 ปีที่แล้ว

    Creactivity at its finest

  • @ottercoder9321
    @ottercoder9321 3 ปีที่แล้ว

    Awesome!

  • @ThiagoBussola
    @ThiagoBussola 2 ปีที่แล้ว +1

    Transparent background doesn't work on Manjaro Linux, white background instead, I'm trying to get answers, but also bug in electron github, can you help me with that?

    • @rhquintero
      @rhquintero 2 ปีที่แล้ว

      Same on Windows, seems only works on Mac

  • @jonmultimedia
    @jonmultimedia 2 ปีที่แล้ว

    This is ASMR.

  • @mysterytriangle6062
    @mysterytriangle6062 3 ปีที่แล้ว +1

    this how a real programmer looks like

  • @devtopia_
    @devtopia_ 2 ปีที่แล้ว

    What type of switches are you using? It’s pleasing 😌

  • @andyfeng6
    @andyfeng6 2 ปีที่แล้ว

    Hi, Takuya, have you ever heard Tauri? I think it's also a promising alternative for Electron.😁

  • @pandusuryatantra
    @pandusuryatantra 2 ปีที่แล้ว

    Hi, Takuya. I wonder how you put keystroke display on your video. Would you show me how? Very nice video!

  • @ANTGPRO
    @ANTGPRO 2 ปีที่แล้ว

    Respect for Vim.

  • @jhonatan52441
    @jhonatan52441 2 ปีที่แล้ว

    it was amazing sensei. I could do it without problems but Could you explain in the next videos?

    • @alejomakevids
      @alejomakevids 2 ปีที่แล้ว

      Do what exactly? He already posted tje dot files in the description go check them out.

  • @raitasorin
    @raitasorin 3 ปีที่แล้ว

    ya da best on TH-cam

  • @haidinurhadinata2661
    @haidinurhadinata2661 3 ปีที่แล้ว

    you are so cool guy.. really pretty your typing.

  • @andrejaccon
    @andrejaccon 2 ปีที่แล้ว +1

    why i dont like the type sounds ?

  • @sodarocker
    @sodarocker 2 ปีที่แล้ว

    i love your chanell

  • @torocat4911
    @torocat4911 2 ปีที่แล้ว

    did you remove your S-f shortcut? 0: it seems very useful but it's not in the repo. did you use telescope for that instead?

  • @amanali9501
    @amanali9501 3 ปีที่แล้ว

    Amazing content
    Just a silly questions why are not using text editor like vscode , sublime or any

  • @SalmanKhanCodingboy
    @SalmanKhanCodingboy 3 ปีที่แล้ว

    Keyboard are so refreshing, is your keyboard keychron v2 with red?