Intro to Generative UI with LangChain

Поділитися
Вставка
  • Опубліковано 9 чер 2024
  • This is the first video in our three-part video series on building generative UI applications with LangChain. See the inner workings of how the generative UI API works, use cases, and ways it can unlock new user experiences.
    Generative UI docs in LangChain.js: js.langchain.com/v0.2/docs/ho...
    Building Generative UI with LangChain.js video: • Building a Generative ...
    Building Generative UI with LangChain Python video: • Building a Generative ...
  • Наука та технологія

КОМЕНТАРІ • 37

  • @feralmachine
    @feralmachine Місяць тому +47

    Maybe its coming in a future video, but this is not "generative UI" in the sense that most people think of. Generative UI would mean the LLM is "generating" a custom UI, on the fly, per the user's needs at that moment. Here it appears you have simply mapped a UI widget / template to a tool, and maybe an if/else statement saying whether to use widget or not and fill it with data from the LLM. This is conditional UI. Still useful but misleading name of video.

    • @LangChain
      @LangChain  Місяць тому +15

      The core tech powering the ability to send UI components (either auto-generated, or pre-built) from the server -> client is one part of the next two videos we're releasing. Actually generating HTML/JSX code to render on the fly is possible, and the tech we'll show off in the upcoming videos can be used in that type of application too. But building an app which can do that well is out of scope for this video series. It would be very cool to do something like that in the future though!

    • @KhoPhi
      @KhoPhi Місяць тому +8

      I'd have to agree with you. Generarive UI may not be the right term here.
      Maybe Agent UI may be close to what this does, as the LLM receiving the input it mapped to predefined tools that do specific things.
      The mental picture i had hearing "Generative UI" isn't what is described here. Maybe someday in the near future.

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

      Procedural or parametric, really.

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

      D cc w*2 AS SSSẞDD WE ARE

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

      I agree. I was expecting UI generated on the fly which woul be amazing.

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

    excellent overview ! We are super excited to learn this new software paradigm 💫

  • @Bora4100
    @Bora4100 Місяць тому +2

    Thanks for the awesome content! Greetings from Curitiba, Brasil.

  • @simpingsyndrome
    @simpingsyndrome Місяць тому +2

    Gonna give it a shot, thanks langchain 🔥

  • @SonGoku-pc7jl
    @SonGoku-pc7jl Місяць тому

    amazing! thanks! i hope next two videos! :)

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

    Amazing stuff.

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

    Knowledgeable

  • @nmstoker
    @nmstoker Місяць тому +2

    Is this a JS exclusive feature or is there anything on the roadmap for Python to offer anything similar/equivalent? (obviously JS often has an edge for things in the browser)

    • @LangChain
      @LangChain  Місяць тому +9

      The third video in the series will use a Python backend, and Next.js frontend to implement a generative UI chatbot!

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

      @@LangChain now that is more like it! looking forward comparing our workflows.

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

    thank you for your effort,
    but can you make a video for angular too?

  • @DanielForberg
    @DanielForberg Місяць тому +2

    Github repo for this sample? , can this be implemented with Python and Streamlit also ?

    • @LangChain
      @LangChain  Місяць тому +6

      The next two videos will both include public GitHub repos which you can fork. The second will implement generative UI with a Python backend, and a Next.js frontend (release date 06/12)

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

      @@LangChainexactly what is needed

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

    Interesting. But not Generative UI that I expected. In my view, this looks more as LLM query on the backend. I see GenUI more like generating the components on the fly, apply DS tokens to render and map the functionality :)

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

    cool

  • @dadanifit
    @dadanifit Місяць тому +3

    Wow

  • @bqmac43
    @bqmac43 Місяць тому +2

    I’m not sold yet. Do users want to have dynamic UIs like this? This feels like a situation of cool tech looking for a use case.

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

      have you used perplexity ai?

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

      @@akimodeli I’ve used Perplexity a little. It adds some value, but I don’t think it’s a game changer. At least not yet.

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

    Where are we heading to ?!?😮😮😮

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

    😁hell yea

  • @jackbauer322
    @jackbauer322 Місяць тому +2

    Isn't that what Vercel is supposed to give ?

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

      Sort-of. The next two videos both use Vercel's AI SDK in some parts of the application, however it isn't able to do it all.

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

      @@LangChain It would be great to have an example with the Vercel SDK and another with Python + Vercel SDK (Client). Very good video!

    • @LangChain
      @LangChain  Місяць тому +3

      Those are both coming this week! Tomorrow we're releasing a video building an app with a full JS stack (uses AI SDK by Vercel) and the next day we'll release one with a Python backend and Next.js frontend (will also use AI SDK by Vercel).

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

      @@LangChain This is so cool. I have never tried langchain.js before as I am more of a backend developer where I work, curious to know if I can use a large langue model fine tuned in another language (Swahili) as the llm

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

      @@LangChain This is so cool. I have never tried langchain.js before as I am more of a backend developer where I work, curious to know if I can use a large langue model fine tuned in another language (Swahili) as the llm

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

    Bearing in mind that frontend devs focus on shaving kilobytes off their bundle in the name of getting the UI to load faster, this is cool but it will be too slow