SolidJS Crash Course - Better Than React!

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

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

  • @EbenezerDon
    @EbenezerDon  2 года назад +6

    Learn SolidStart, the SSR/SSG framework for SolidJS: ruclips.net/video/B6ZWvYGCHU0/видео.html
    SolidJS vs React comparison: www.newdev.io/blog/solidjs-vs-reactjs
    My frontend guide: www.newdev.io/devguide/frontend
    Link to GitHub repository: github.com/ebenezerdon/solid-gh-repos
    Link to hosted app: solid-gh-repos.netlify.app
    Link to GitHub API: docs.github.com/en/rest/repos/repos#list-repositories-for-a-user
    Thank you for watching. Please support my channel with the super thanks! 🎁🔥👏
    Update 2024: Implementation with createResource: github.com/ebenezerdon/solid-gh-repos/tree/with-trending-repos

  • @uthmanabdulganiyu4776
    @uthmanabdulganiyu4776 2 года назад +9

    What really amazes me is the "no re-render" feature plus it's functional component. Thank you Ebenezer Don ❤

    • @EbenezerDon
      @EbenezerDon  2 года назад +1

      It's a really nice framework

    • @abdul-ganiyusman4884
      @abdul-ganiyusman4884 2 года назад

      How come we bear the same name. I thought my name was unique shaa🤣....well unique in spelling.😃

  • @chrisstrafford1778
    @chrisstrafford1778 2 года назад +8

    This is excellent, really loving solidjs and we need more tutorials and courses out there.

    • @EbenezerDon
      @EbenezerDon  2 года назад +2

      Right! Thanks for watching

  • @calebcadainoo
    @calebcadainoo 2 года назад +11

    Oh wow I love the fact that you can export your states without any complex setup

    • @EbenezerDon
      @EbenezerDon  2 года назад +4

      Right! That's so cool

    • @CrosbyRoads
      @CrosbyRoads 2 года назад +3

      @@EbenezerDon I'll try experiment with it... I might probably make a project-based tutorial about it 😃

  • @multicoincharts
    @multicoincharts 2 года назад +2

    Fantastic tutorial! Been using just HTML/CSS and Vanilla JS for awhile now. Started to get in to Solidjs for my crypto scanner. This tutorial helped greatly!

    • @EbenezerDon
      @EbenezerDon  2 года назад

      Nice. I'm happy to hear that

  • @shuaibujibrilyahaya325
    @shuaibujibrilyahaya325 2 года назад +1

    Just from the start of the tutorial I fell in love with the frame work, thanks Ebenezer

    • @EbenezerDon
      @EbenezerDon  2 года назад +1

      You're welcome. I'm happy you like it

  • @zb2747
    @zb2747 2 года назад +2

    Been looking for a tutorial that I can learn more about solidjs by way of a project other than the official tutorial - thanks brother 🙏🏽! Solid is the future for sure, I’m looking forward to where they will be as the frameworks matures

  • @schwiblschwibl3302
    @schwiblschwibl3302 2 года назад +1

    Dude, thanks a lot for this video! I have a few years of expirience with common js, but just recently decided to jump on a framework train. I was really excited about solidjs but like all the "solidjs for beginner" content around the web starts with words "similar to react" or "unlike a react". Man, how about new people, who doesn't know react, what should we do?)))) Finally i found your video and you actually start from the start.

    • @EbenezerDon
      @EbenezerDon  2 года назад

      Glad I could help! SolidJS is really cool

  • @David-ng9qh
    @David-ng9qh 2 года назад +3

    Great tutorial man, you're explaining everything well, and making something pretty useful and easy to use. Loved the video, I hope there will be more in the future.
    One thing is I wasn't able to get bootstrap working the way you showed it in the tutorial, but that's not the most important.

    • @EbenezerDon
      @EbenezerDon  2 года назад

      Thanks, David. What's the issue you had with Bootstrap?

  • @danielikechukwu2318
    @danielikechukwu2318 2 года назад +1

    Ever since you uploaded this i've been planning to watch it, going through it today i was like Wow, you did a nice job. i always know how you take your lectures Kudos Boss💯💥💫

    • @EbenezerDon
      @EbenezerDon  2 года назад +1

      Thank you for the kind words. I'm happy you like it

  • @frankezene6012
    @frankezene6012 2 года назад +7

    I love react a lot, but solid.js is taking react to the next level. I have been working on a project in react and it's amazing how easy it was to port that project to solid. I only engaged solid after watching this video. Nice video DON, respect.

    • @EbenezerDon
      @EbenezerDon  2 года назад +1

      That's very good to hear!

    • @jamarimcfarlane4844
      @jamarimcfarlane4844 2 года назад +1

      "solid" "react" "next".. 😰 you made yourself a legend without knowing

  • @syedyaseenabbasrizvi6211
    @syedyaseenabbasrizvi6211 2 года назад +2

    Is it mandatory to use lazy loading for the component Home and savedRepos? because without lazy loading it throws the error "Can't use before initialization" and you used it in your git repo but not explained in the video.

  • @emmanuelcouton
    @emmanuelcouton 2 года назад

    Awesome ! I was getting tired of Angular, reluctant about React, really interested in Svelte. After following your tutorial I'm pretty sure I'm going for Solid. Thanks.

  • @YosseufHassan
    @YosseufHassan Год назад +1

    Great course but one thing bothers me as I am not a fan of the document object is there any reason you didn't use the ref attribute on the input? or just a personal preference

  • @8koi245
    @8koi245 Год назад

    beyond better than react, it's literally the evolution, I'm so happy god dammit

  • @InfinityFnatic
    @InfinityFnatic 2 года назад +1

    Hello, good tutorial. There is no need to use createEffect here, it is advised to use createResource. Thank you

    • @EbenezerDon
      @EbenezerDon  2 года назад

      Right. I didn't know about createResource then

  • @jokerdarkknight2508
    @jokerdarkknight2508 2 года назад +1

    what is the extension you're using to show the icons for files?

  • @zoyebkhan251
    @zoyebkhan251 2 года назад

    Can i know all the extensions that are required in vs code like npm script, auto importing

  • @echelachristopher6532
    @echelachristopher6532 2 года назад +2

    Learning never ends... Thanks the DON

  • @cysage5876
    @cysage5876 2 года назад

    this tutorial’s helping me so much, thank you for this 🙌

  • @SahraClayton
    @SahraClayton 2 года назад

    can you do a video on createResource and how to use it with solidjs routerplease, I am trying to rewrite a react project to solid, when I ask for advice on stackoverflow i was given some advice but not on createresource and useSearchParams

  • @DanielTubul
    @DanielTubul 2 года назад

    great walktrough my kind sir

  • @jeremytechie_
    @jeremytechie_ 2 года назад +2

    Here we go !!! Woah

  • @PourdadDaneshmand
    @PourdadDaneshmand Год назад

    Thanks for your sharing knowledge.

  • @dmitry311212
    @dmitry311212 Год назад

    When i trying ro run dev following error occurs: [vite] Internal server error: Unknown browser query `>0.2%`. Maybe you are using old Browserslist or made typo in query.

  • @nonetrix3066
    @nonetrix3066 2 года назад

    Thanks so much for making this! I am fairly new to web dev, and have only been using normal JS up until now. The official documentation wasn't very helpful since I learn best from watching others
    SolidJS seems pretty Solid hope more use it since bloated frameworks are very noticeable on low end/mid range devices despite what people say imo

    • @EbenezerDon
      @EbenezerDon  2 года назад

      Well said! Thank you for watching!

  • @Karrnfr
    @Karrnfr Год назад

    Nice tutorial 👊🏾

  • @muhmmedarbee8014
    @muhmmedarbee8014 2 года назад

    Hi
    Hope you’re well.
    Been following your tutorial for a bit now and I’m loving it !
    I am having a tad bit of an issue tho, so you did it in typescript and I am doing it in js. I don’t know how to do the export type Repo = part in js, for the RepoCard page. Any advice ?

    • @EbenezerDon
      @EbenezerDon  2 года назад +1

      Hello, you don't need the type if you're working with JS. Just leave that part out and everywhere it's used

    • @muhmmedarbee8014
      @muhmmedarbee8014 2 года назад

      @@EbenezerDon Ok thank you for the response, so when we call for example repos.html_url in the html part of the page, do I just leave that out too?

    • @EbenezerDon
      @EbenezerDon  2 года назад

      No, work with that. Just leaves the types out. In the props for example

    • @muhmmedarbee8014
      @muhmmedarbee8014 2 года назад

      @@EbenezerDon do I need to declare the stuff you declared in the repo part ? For example saying let html_url; ?

    • @EbenezerDon
      @EbenezerDon  2 года назад

      You don't. repo is from the prop. So you have repo.html_url

  • @marveken
    @marveken 2 года назад +2

    Oh yes, we here

  • @SteveDavison777
    @SteveDavison777 2 года назад

    Nice tutorial - many thanks👍

  • @ndukwevictor
    @ndukwevictor Год назад

    I don't know react can I start with this one

  • @subhasishdas6930
    @subhasishdas6930 2 года назад

    hello what vs code extension you're using? In my case it's not showing autocomplete and auto import

    • @EbenezerDon
      @EbenezerDon  2 года назад

      This works inbuilt with VSCode. I'm not using an extension for auto import

    • @Im_Ninooo
      @Im_Ninooo 2 года назад

      @@EbenezerDon mine's not showing class autocompletions. and I did reload vscode.

    • @EbenezerDon
      @EbenezerDon  2 года назад +1

      @@Im_Ninooo Search for this extension in VSCode: "IntelliSense for CSS class names in HTML"

    • @Im_Ninooo
      @Im_Ninooo 2 года назад

      @@EbenezerDon worked, thank you!

  • @HeitorYT
    @HeitorYT Год назад

    How do i change page title?

  • @JoeSmith-kn5wo
    @JoeSmith-kn5wo 6 месяцев назад

    Great video!

  • @darrenodi
    @darrenodi 2 года назад +2

    Do you ever sleep bro:? Thank you for the content :)

    • @EbenezerDon
      @EbenezerDon  2 года назад +1

      Haha. Thanks for watching my videos!

  • @Softlinks
    @Softlinks 2 года назад +2

    Thank you so much

  • @hansschenker
    @hansschenker Год назад

    I would say: "Other than React"!

  • @Caineghis20
    @Caineghis20 2 года назад

    Duuude I like that. :D