tree-sitter explained

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ก.ย. 2024
  • I do my best to explain tree-sitter and demystify everything going on it :)
    Leave a like or comment, and subscribe of course! ;)
    Notes: teej.tv/presen...
    Presentation tool: github.com/d0c...
    Neovim: Neovim btw
    Links
    Twitch: / teej_dv
    Twitter: / teej_dv
    Github: github.com/tjd...
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @esclavodeluna8000
    @esclavodeluna8000 6 หลายเดือนก่อน +96

    Why does tree sitter sound like an insult

    • @Fafr
      @Fafr 3 หลายเดือนก่อน

      Treeshitter

    • @unsigned_var
      @unsigned_var 11 วันที่ผ่านมา

      Don't be such a tree sitter, man

  • @radvilardian740
    @radvilardian740 6 หลายเดือนก่อน +147

    I stop before continuing watching. Thank God for having you. I want to know more about this treesitter. I hope we have series for treesitter.

    • @teej_dv
      @teej_dv  6 หลายเดือนก่อน +37

      hoping to do longer video later, will take some time to put together

    • @hazmat86
      @hazmat86 6 หลายเดือนก่อน

      ​@@teej_dv if only you would do a long length video about tree sitter, feels like you did though, like recently, ehhhh......guess not, must be losing it....BLAZINGLY CRAZY!

  • @caschque7242
    @caschque7242 6 หลายเดือนก่อน +57

    Your videos are impressive. I think the value comes from explaining one topic so one understands, how it works on an intuitive level while keeping the video short.

  • @silentobserver9095
    @silentobserver9095 6 หลายเดือนก่อน +23

    I never comment on any TH-cam videos.... but damn, this video was really great. Not only did you talk about an interesting topic but also explained it extremely well.
    Please keep on releasing more of these videos. We need content creators like you.

  • @Richetechguy
    @Richetechguy 6 หลายเดือนก่อน +24

    Great stuff, keep it up your kickstart vid has helped me out a lot on getting back into Neovim fully.

    • @teej_dv
      @teej_dv  6 หลายเดือนก่อน +3

      Thanks!! glad to hear it :)

  • @TankorSmash
    @TankorSmash 6 หลายเดือนก่อน +10

    Haskell slander aside, this was amazing! I can't believe how much of ts you explained, along with giving clear usecases and examples right into vim. Thanks for putting this out!

  • @martinocrespoalvarez4663
    @martinocrespoalvarez4663 4 หลายเดือนก่อน +2

    I'm really jealous about the way this guy expresses ideas and concepts. Huge, huge fan!

  • @jR-tm3ko
    @jR-tm3ko 6 หลายเดือนก่อน +7

    The quality of each video you put out just gets better and better. Thank you!

  • @slim_mike
    @slim_mike 2 หลายเดือนก่อน +1

    blown away in peices after seeing this video, I'm still recovering. This is very impresive, I want to learn scheme now

  • @meatcow417
    @meatcow417 5 หลายเดือนก่อน +1

    Pulled me in with the trees in the thumbnail, stayed for the solid explanations. Thanks man!

  • @mattwilly7959
    @mattwilly7959 6 หลายเดือนก่อน +2

    This makes a lot more sense now. Really like how you break things down in a simple way. It makes it a lot easier to understand concepts.

  • @jasonschannel
    @jasonschannel 6 หลายเดือนก่อน +4

    Followed after the LSP video, and now I get this! The top quality explainers just keep coming! Thanks TJ!

  • @Jscodin
    @Jscodin 6 หลายเดือนก่อน +2

    You really have a great way of explaining things in a way that anyone can understand, even beginners like myself - this was very interesting and informative, looking forward to the next explainer

  • @ParanoidxProd
    @ParanoidxProd 6 หลายเดือนก่อน +19

    I would love a more in depth video on writing grammar, and more specific scanner. Been diving into writing grammars lately and so appreciate the content!

    • @teej_dv
      @teej_dv  6 หลายเดือนก่อน +9

      ya, might do longer video of this later -- will have to be way longer haha

  • @LokeshKrishna1995
    @LokeshKrishna1995 6 หลายเดือนก่อน +2

    Bless you for your fantastic explainers and all your work on Neovim. Huge fan!

  • @intimidate123
    @intimidate123 5 หลายเดือนก่อน +1

    Great video TJ! really enjoy how you break everything down, makes it easy to understand and learn

  • @codetothemoon
    @codetothemoon 6 หลายเดือนก่อน +1

    Incredible. Cleared up a ton of confusion for me. Thank you!

  • @Tntpker
    @Tntpker 6 หลายเดือนก่อน +7

    I actually used tree-sitter in a project a while ago making a LS for a DSL. It worked pretty well and had auto-complete, hover, signature help, and syntax error highlights. However, tree-sitter's error recovery ability still remains a problem to make it a viable tool for creating LSs.

  • @vojtastruhar8950
    @vojtastruhar8950 6 หลายเดือนก่อน +4

    What blows my mind is that it downloads some C files, COMPILES THEM and then runs them nice and fast and natively. Great stuff

  • @xcuu
    @xcuu 6 หลายเดือนก่อน +1

    These videos are really great TJ, please keep them coming!

  • @roberto8016
    @roberto8016 6 หลายเดือนก่อน +5

    I didn't know tree-sitter uses JDSL, Tom is indeed a genius

  • @wadechang
    @wadechang 3 หลายเดือนก่อน

    First time in my life I feel like I understand what treesitter is. Hats off!

  • @PrestonThorpe-d1x
    @PrestonThorpe-d1x 6 หลายเดือนก่อน +1

    TJ you're my new favorite youtuber/content creator. I really hope the full time thing works out for you, good luck. Definitely need more videos like these. Also now I hope you are able finish the interpreter in OCaml series one day :D

  • @johnathonme
    @johnathonme 3 หลายเดือนก่อน

    Great video, thanks!!! Just the right amount of depth and standing while presenting was extra engaging!

  • @funkdefied1
    @funkdefied1 6 หลายเดือนก่อน

    Man this is dope. I never thought to try to understand LSPs and the parsers powering them. It was all just magic.

  • @MalakaiPrograms
    @MalakaiPrograms 6 หลายเดือนก่อน

    Love this video. Recently had to edit the grammar for a semi-obscure language as it was missing features and loved how simple it was. I mean it still took me 4 hours because I didn't know anything about tree-sitter but I wish I saw this video before then, it would have been so much help! Keep it up!

  • @megaxlrful
    @megaxlrful 6 หลายเดือนก่อน

    This is a great explainer on Treesitter. I used Atom in the past, switched to Vim then Neovim. I knew what treesitter did inside neovim, and heard that it is the best one at its job but never really understood what is soo good about it.

  • @rom1detroyes143
    @rom1detroyes143 6 หลายเดือนก่อน

    I still don't really know what I can do with tree-sitter, but now I know what and how it does this thing in Neovim : great knowledge sharing, thanx :-)

  • @gmchris4113
    @gmchris4113 6 หลายเดือนก่อน

    This was dense. I'll be honest, a lot of it went right over my head as I'm starting to learn now, but I hope to return in time and realize it all makes sense 😅.
    Great content, I love the educational stuff. Keep it up.

  • @yakomisar
    @yakomisar 6 หลายเดือนก่อน

    TJ your presentations skill is a masterpiece

  • @RustFlow223
    @RustFlow223 4 หลายเดือนก่อน

    Man your explanation sound great! Keep going!

  • @rddavies
    @rddavies 6 หลายเดือนก่อน

    You're a truly gifted teacher among your many other talents.

  • @theIbraDev
    @theIbraDev 6 หลายเดือนก่อน

    Thank you Teej for this, turns out i actually had no idea what treesitter actually did... keep it up!

  • @accumulator4825
    @accumulator4825 หลายเดือนก่อน

    Really good explanation, thank you for the knowledge!!!

  • @maxnrm
    @maxnrm 26 วันที่ผ่านมา

    I'm on the journey of configuring neovim from scratch, this is second video I watched, first one was about Abstract Syntax Tree. I think I would be able to set up neovim in under 100 hours. Probably a 5-8 videos more and after that practice for 80 hours. Then finally I would be able to use neovim how I like.

  • @sandeepvk
    @sandeepvk 6 หลายเดือนก่อน

    Have never understood the REAL difference between LLM, LSP and treesitter. This video was very useful

  • @ivandenysenko
    @ivandenysenko 2 หลายเดือนก่อน

    Thank you for such an awesome explanation!

  • @rastko614
    @rastko614 6 หลายเดือนก่อน

    Really cool video. Thank you for showing us behind the curtain!

  • @faraonch
    @faraonch 5 หลายเดือนก่อน

    Very well explained. Although, as a Mac power user it's still hard to overcome all the entry barriers. It's too easy to forget all the needed fundamentals that are needed to switch to neo vim. (as an active freelancer working on projects)

  • @JosephMcMurray1984
    @JosephMcMurray1984 6 หลายเดือนก่อน

    You know this video is going to be good when Teej brings out the blazer.

  • @amirhoseinfarhadi2268
    @amirhoseinfarhadi2268 6 หลายเดือนก่อน

    I really love this new wave of content from you champ 👍🏻

  • @Jojor11
    @Jojor11 6 หลายเดือนก่อน

    I had the ideas but this really helped me connect them together… treesitter really is extremely powerful and I’m already getting ideas of cool things I could use it for if I learn it a bit

    • @teej_dv
      @teej_dv  6 หลายเดือนก่อน +1

      So great to hear!! thanks for the nice words :)

  • @jong.4864
    @jong.4864 6 หลายเดือนก่อน +2

    This guy is a machine!! Def much better than that netflix-btw-guy

    • @jimshtepa5423
      @jimshtepa5423 6 หลายเดือนก่อน

      who ends his streams thinking we know his name))

  • @marianouvalle895
    @marianouvalle895 6 หลายเดือนก่อน +1

    Amazing stuff Teej, keep it up!

    • @teej_dv
      @teej_dv  6 หลายเดือนก่อน

      Thanks :) :)

  • @droydi
    @droydi 6 หลายเดือนก่อน

    Godlike TJ, well done once again with the explanations, more of this!

  • @sarojregmi200
    @sarojregmi200 6 หลายเดือนก่อน

    Future Nile will admire you more than anyone.
    Great video.
    Ignore the spelling mistakes if any.

  • @joaomsa
    @joaomsa 6 หลายเดือนก่อน

    Great video, lots of cool tools built around the ecosystem like ast-grep

  • @TeamDman
    @TeamDman 6 หลายเดือนก่อน

    Eloquently explained!

  • @mjhika
    @mjhika 6 หลายเดือนก่อน +1

    LISP MENTIONED LISP MENTIONED LISP MENTIONED LISP MENTIONED LISP MENTIONED

  • @gobdovan
    @gobdovan 6 หลายเดือนก่อน +1

    I thought this video is about how to do a job where you clean and water the trees when the tree owner isn't home.

  • @nemethda
    @nemethda 6 หลายเดือนก่อน

    To the point, simply brilliant

  • @kublaios
    @kublaios 2 หลายเดือนก่อน

    I trust this man because he's wearing a PhD jacket

  • @PotatoGameDev
    @PotatoGameDev 6 หลายเดือนก่อน

    You are a good human, TJ.

  • @darkenblade986
    @darkenblade986 6 หลายเดือนก่อน

    i am loving these videos. really great info!

  • @WinterSchwartz-q2j
    @WinterSchwartz-q2j 6 หลายเดือนก่อน

    I hate the rest of the internet. Nobody else seemed to care about explaining what everything i was installing was doing and just that i should install it. This really, really sucks while ur trying to configure neovim on your own for the first time. Please keep it up < 3

  • @MrSpyTubes
    @MrSpyTubes 6 หลายเดือนก่อน +1

    Great job man! Keep up the good work!

    • @teej_dv
      @teej_dv  6 หลายเดือนก่อน

      Thanks :)

  • @voldllc9621
    @voldllc9621 3 หลายเดือนก่อน +2

    Tresitter is clearly a tokenizer and lexical analyzer, on top of you have some productions that are general enough to build branches in the syntax tree such as braces aaround a list without committing to specific languages. Am I on the right track track here?

  • @rasmusravnandersen5788
    @rasmusravnandersen5788 6 หลายเดือนก่อน

    Omg, what a great explanation!

  • @sparkhum
    @sparkhum 6 หลายเดือนก่อน

    This was awesome. Thanks for the explanations!

  • @andrewrush7667
    @andrewrush7667 6 หลายเดือนก่อน

    Sharp sports coat, very professional!

  • @SalvaToroTorus
    @SalvaToroTorus 6 หลายเดือนก่อน

    Nice stuff. You explain things really well.

  • @je12emy
    @je12emy 6 หลายเดือนก่อน

    Great video, thank you, TJ!

  • @viniciusataidedealbuquerqu2837
    @viniciusataidedealbuquerqu2837 หลายเดือนก่อน

    this looks like a logical expression query language 10:48

  • @Luna-lp9op
    @Luna-lp9op 6 หลายเดือนก่อน

    "isn't that outdated and illegal now" not proud to understand that joke because i'm chronically online

  • @JoshuaLonsako
    @JoshuaLonsako 6 หลายเดือนก่อน

    Dude you're on a roll

  • @StephenRayner
    @StephenRayner หลายเดือนก่อน

    Subbed, this was very good thank you.

  • @ElvenSpellmaker
    @ElvenSpellmaker 6 หลายเดือนก่อน

    Vscode seem to be discussing potentially moving to treesitter from textmate grammars, it'll be a loooong time though.

  • @astrocat97
    @astrocat97 17 วันที่ผ่านมา

    I hear LSP and I think Lumpy Space Princess from Adventure Time

  • @thiagolopes4978
    @thiagolopes4978 6 หลายเดือนก่อน

    hello TJ, may I ask you something?
    While using VS Code, the Vim extension makes possible for me to use Visual Block mode, and then when I enter "I" to insert text, then backspace , the text follows for each line selected, and it is pretty good to use with SQL queries for example. When I try to do this with Vim or Neovim, I just can't, and I don't think it is the 'whichwrap' option, do you know what it is? Thank you.

  • @alexandrostsagkaropoulos
    @alexandrostsagkaropoulos 6 หลายเดือนก่อน

    That is as close to art as it can be

  • @havocthehobbit
    @havocthehobbit 6 หลายเดือนก่อน

    Great explanation .I had no idea I was building something that already existed , Iv been writing a language query system in rust ... I just have no interest in having to go back to C or train someone else in C to be able to use tree sitter building new language libraries for tree sitter to use .
    I'd love to know the learning curve with tree sitter when building a language parser for a new language that hasnt been done or shared with it .

    • @teej_dv
      @teej_dv  6 หลายเดือนก่อน +1

      You don't write c when you use tree sitter. You write the grammar in js and you usually have language bindings already in other langs.

    • @havocthehobbit
      @havocthehobbit 6 หลายเดือนก่อน

      @@teej_dvOK that sounds interesting , so basically tell it the syntax and structure or and using javascript to create a grammar , then I could use rust bindings if I wanted to read or compile that grammar into something consumable.
      I was under the impression I had to use C to write and compile that grammer into a library that uses C lib exports for bindings, so that I could then consume it with a Language like Rust or whatever Lang to be able to query what it parses...
      So it sounds like a 2 stage approach versus the 3 phase approach I was thinking . Which means I dont need to use C at all.

  • @TroubleChute
    @TroubleChute 6 หลายเดือนก่อน +1

    What would we do without trees*itter

    • @teej_dv
      @teej_dv  6 หลายเดือนก่อน +1

      we would not be sitting on the trees

  • @Ancipital_
    @Ancipital_ 5 หลายเดือนก่อน

    Thanks, Teej.

  • @ethernet764
    @ethernet764 6 หลายเดือนก่อน

    3:38 oof. I didn't come here to be roasted 😭

  • @RazoBeckett.
    @RazoBeckett. 6 หลายเดือนก่อน +1

    tree-stander

  • @NStripleseven
    @NStripleseven 6 หลายเดือนก่อน

    The bit that I was really interested in is how the tree sitter determines what the “least number of errors” is for a given invalid program. Looks like it was never covered but I’m still curious.

  • @nightshade427
    @nightshade427 6 หลายเดือนก่อน

    Great video and explanation as always

  • @frydac
    @frydac 6 หลายเดือนก่อน

    This is the stuff, thanks!

  • @ranjithkumar-xt2zw
    @ranjithkumar-xt2zw 6 หลายเดือนก่อน

    I watched this 10 times yesterday stream 😂😂😂

  • @chrboesch
    @chrboesch 6 หลายเดือนก่อน

    Thanks a lot, really good explanation.

  • @alexandersemionov5790
    @alexandersemionov5790 6 หลายเดือนก่อน

    He's going corporate, oh no the suit

    • @teej_dv
      @teej_dv  6 หลายเดือนก่อน

      You can than twitch chat for that

  • @PPo2
    @PPo2 6 หลายเดือนก่อน +1

    Ayyy helix mentioned!

    • @teej_dv
      @teej_dv  6 หลายเดือนก่อน

      very cool editor!

  • @M0K0K0
    @M0K0K0 6 หลายเดือนก่อน

    Bro it's late and I was like "tree sitter ? Wtf would you like someone to watch over a tree for you ?" and I feel very stupid now

  • @hamzarashid7579
    @hamzarashid7579 6 หลายเดือนก่อน

    You forgot to say:
    Hopefully this video was suitable.

  • @mishydevil
    @mishydevil 6 หลายเดือนก่อน

    Teej wearing a jacket, must be a serious video

  • @huge_letters
    @huge_letters 6 หลายเดือนก่อน

    Oh, I have a new question - if tree sitter has no clue about context, it just parses text to ast.
    How does syntax highlighting working through tree sitter know when my identifier is a function or value?
    What I mean is when in TS I define a
    ```
    const num = 5;
    function func(){}
    console.log(a, func) ;
    ```
    It would highlight num blue and func yellow - how does it even know here that func is a function? From my understanding it would only know it's just some sort of identifier

  • @GeorgeTsiros
    @GeorgeTsiros 6 หลายเดือนก่อน

    Basically, semi-structured editing.

  • @matthewrossee
    @matthewrossee 6 หลายเดือนก่อน

    Some lsp clients implement syntax highlighting themselves, right? How does neovim decide on using treesitter or lsp highlighting? I would assume that treesitter takes precedence, since it's faster, but if lsp and treesitter are unrelated, then how does it work?

  • @liamwoodleigh
    @liamwoodleigh 6 หลายเดือนก่อน

    Great video Teej!

  • @arthur-zhuk
    @arthur-zhuk 6 หลายเดือนก่อน

    high value content

  • @olbluelips
    @olbluelips 6 หลายเดือนก่อน

    Great video thanks

  • @felixallistar
    @felixallistar 6 หลายเดือนก่อน

    first time seeing lisp and was worried about the warnings lmao, but honestly doesn't look as bad as react.

  • @Linuxdirk
    @Linuxdirk 6 หลายเดือนก่อน

    I wish it was easier to create own custom parsers and stuff, so it’s as easy to add tree-sitter syntax highlights than it was with old Vimscript.

  • @hendrykhoza4782
    @hendrykhoza4782 6 หลายเดือนก่อน +1

    Guys what is he using for presentation ?

  • @jww0007
    @jww0007 6 หลายเดือนก่อน

    should've linked to the talk by brunsfeld

  • @homfes
    @homfes 6 หลายเดือนก่อน

    I think I understood it. So treesitter is an interpreter that serves language protocols?

  • @LeonOrmes
    @LeonOrmes หลายเดือนก่อน

    How the heebeejeebies do you know so much??! Great video, again.

  • @DanielPaunescu
    @DanielPaunescu 9 วันที่ผ่านมา

    You said tree-sitter is not an LSP, but could you use tree-sitter to implement an LSP sort of thing on top of it?

  • @hyltoncarboo8303
    @hyltoncarboo8303 6 หลายเดือนก่อน +1

    You are a gem!

    • @teej_dv
      @teej_dv  6 หลายเดือนก่อน

  • @EmiNNsoNify
    @EmiNNsoNify 6 หลายเดือนก่อน +1

    Amazing thumbnail !