SolidStart 1.0 First Look: Comparing to React / Next.js

Поделиться
HTML-код
  • Опубликовано: 24 ноя 2024

Комментарии • 44

  • @AlexandreRousseau-wo7lz
    @AlexandreRousseau-wo7lz 5 месяцев назад +28

    About the drawback having to call the signal everywhere, `` can takes a callback as a children. The callback's argument is the signal value. So it remove the extra `()!.` everywhere

    • @christhornham
      @christhornham 4 месяца назад +8

      This ^. I ran into the same problem. The docs are still a work in progress, but SolidStart is great.
      To give a very simple example, you can do this which also works great for adding type safety.
      const users = createAsync(() => getUsers());
      return (
      {(users) => }
      );
      Great video! Thanks for sharing it.

  • @mbahmusalto
    @mbahmusalto 4 месяца назад +4

    The beauty of Solid for me as React Developer is its about good old Javascript. While React is about hooks, virtual DOM, and other React only feature, Solid is Vanilla Javascript on steroid for me. If I stuck on something then I just need to think it like in old Javascript

  • @aghileslounis
    @aghileslounis 5 месяцев назад +1

    Let me pause the video and like it first.
    I swear, Ryan is too smart. He always comes up with a remarkable mental modal.
    It is actually the best mental modal and so easy to reason about.
    Your video and explanation is beyond amazing also, thank you!

  • @completemaster
    @completemaster 5 месяцев назад +7

    CJ on Syntax?!?!?!?! Woohooo! Didn't know that. Awesome!

    • @diemantrabeats7551
      @diemantrabeats7551 5 месяцев назад

      He has lots of great videos on the channel now

  • @MadeInJack
    @MadeInJack 5 месяцев назад +3

    Awesome! Would love to have the same format and more content on Svelte 5 & SvelteKit :)

  • @rohit87k
    @rohit87k 5 месяцев назад

    CJ loves you missing in coding the garden channel as well. You are the best teacher and a very good person. When I see your face, I feel awesome, man.

  • @marcwinner567
    @marcwinner567 5 месяцев назад

    Great comparison CJ! More of these when applicable pls. Keep it up sir!

  • @ankur67678
    @ankur67678 Месяц назад

    Solid is just so wholesome. I used it for my first big project and I am just in love with it.

  • @Haffi921
    @Haffi921 Месяц назад

    I see CJ in the Thumbnail - I click

  • @luciano_ratamero
    @luciano_ratamero 5 месяцев назад +8

    great video! it would be awesome to have one of these for Svelte 5 + Kit :]

    • @MadeInJack
      @MadeInJack 5 месяцев назад

      +1 for Svelte content!!

  • @maorben3313
    @maorben3313 5 месяцев назад

    I think you missed the section of stores in the solid docs (?) 🙏
    Great video!

  • @mohmin8226
    @mohmin8226 5 месяцев назад +2

    looks solid

  • @2u841r
    @2u841r 3 месяца назад

    this guy (and all team member of SynTax) is cool

  • @gaborkovacs5095
    @gaborkovacs5095 4 месяца назад

    thanks for the video, What font/theme are you using?

    • @JoseLopez-me2re
      @JoseLopez-me2re 4 месяца назад

      Yeah I'd like to know this as well! What font is that?

  • @devhunter-fg9zw
    @devhunter-fg9zw 5 месяцев назад

    Next.js has smart prefetch and can be set manually on router/link

  • @TutoDS2014
    @TutoDS2014 4 месяца назад

    CJ can I use the suspense to create like a loading screen / splash screen while a route is loading for example?

    • @syntaxfm
      @syntaxfm  4 месяца назад

      Yes you can specify the loading component in the fallback prop of Suspense. You will however have to change the layout of your page components to be wrapped in suspense as well.

  • @meka4996
    @meka4996 5 месяцев назад +3

    Very good. Solid is definitely better than React!

  • @chrishanthacosta4093
    @chrishanthacosta4093 4 месяца назад

    Awsome. Where were you?

  • @ktrifon
    @ktrifon 5 месяцев назад +4

    I can't focus on what you say cause the tips of your mustache are moving! hahaha

  • @MrJfergs
    @MrJfergs 5 месяцев назад

    Seems like it could be a viable solution in a couple years when the API's is stabilized and the ecosystem is a bit more mature.

    • @rand0mtv660
      @rand0mtv660 5 месяцев назад +1

      I think the point of v1.0 is that the API is stable now. I do agree with the ecosystem part.

    • @onça_pintuda999
      @onça_pintuda999 4 месяца назад

      If you will wait for a ecosystem to grow, u wil be stuck in react/next shit forever, vercel will never stop to sell the idea to the front end dev that they need next to a LP

  • @QueeeeenZ
    @QueeeeenZ 5 месяцев назад

    Can you compare Next and Nuxt?

  • @travelfoodbusinessbestheyyono
    @travelfoodbusinessbestheyyono 3 месяца назад

    I never knew cats were good developers :)

  • @itamarsharify
    @itamarsharify 5 месяцев назад

    Next Link does prefetch by default.

  • @bubu88134
    @bubu88134 3 месяца назад +1

    The lack of good documentation and examples makes solidstart and thus solidjs useless, it won't go anywhere until they get hang of it

  • @rohit87k
    @rohit87k 5 месяцев назад

    how about the Qwik - CJ could you please talk about that as well. I guess Qwik is better than any other framework out there

    • @codigoq6084
      @codigoq6084 5 месяцев назад

      I tried Qwik once, every time I get to test an app, I get the default proyect, execute it and simulate a slow 3G connection, at the moment, when I tried Qwik, the delay after clicking and loading the JS Made me realize that their approach is poorly thought out, great in concept, perhaps in the future when global apps can be accessed from any place of the world with good connections, meanwhile, I can almost bet My life You would throw your phone with those bizarre interactions
      Note: I tried it about a year ago, maybe Even 2 years ago

  • @Antebios
    @Antebios 4 месяца назад

    All I can hear is that silly carnival mustache! 😂

  • @_MoshikoAz_
    @_MoshikoAz_ 5 месяцев назад

    second

  • @stolinski
    @stolinski 5 месяцев назад

    third

  • @twitchizle
    @twitchizle 5 месяцев назад

    first

  • @araz911
    @araz911 2 месяца назад

    grow upboy, nextjs is better than any framework in the world

    • @syntaxfm
      @syntaxfm  2 месяца назад +3

      Which others have you tried?

  • @ivan.jeremic
    @ivan.jeremic 2 месяца назад

    2:43 Fan of solid but this part is false, there is a runtime (the library) and it gets compiled down to the library code not just vanilla dom instruction.

    • @syntaxfm
      @syntaxfm  2 месяца назад +1

      To clarify, the compiled code includes necessary solid utilities and helpers. After the components are rendered onto the page, there is no runtime / state update / re-render cycle needed. This is very different from frameworks like react and vue have to ship the state change checking / virtual dom diffing and re-render / update run-times.

  • @GreeneThumbs
    @GreeneThumbs 5 месяцев назад +7

    comments.unshift("first")