ClojureScript loves React Native

Поділитися
Вставка
  • Опубліковано 28 лис 2020
  • This might be the fastest way to get started with React Native. The point, though, is that is certainly is the most fun way. Developing mobile and web apps with ClojureScript as productive and enjoyale elements to it that you simply won't find with any other tool.
    Some nice to have links as promised in the video:
    The sample project gets you started in 3 minutes: github.com/PEZ/rn-rf-shadow
    ClojureScript ♥️ React Native: cljsrn.org/
    Expo makes React Native easy: expo.io/
    shadow-cljs makes ClojureScript easy: shadow-cljs.org/
    Reagent makes React easy: reagent-project.github.io/
    re-frame makes so much sense for managing application state: day8.github.io/re-frame/re-fr...
    Clojurians Slack gets you in contact with the awesome Clojure community: clojurians.net/
    Calva is a Clojure IDE for VS Code: calva..io/
  • Наука та технологія

КОМЕНТАРІ • 28

  • @onthecodeagain
    @onthecodeagain 3 роки тому +4

    Awesome! Planning to do a re-frame tutorial this weekend :)

  • @mickeyeng
    @mickeyeng 3 роки тому +4

    Great video! Would love to see more videos with react native and cljs 🙏

  • @peijingteh9602
    @peijingteh9602 2 роки тому +2

    thank you very much for this great video Pez!

  • @rickevertsz
    @rickevertsz 2 роки тому +1

    Great! Works really well. Exceedingly simple and straightforward.

    • @CalvaTV
      @CalvaTV  2 роки тому +1

      Thanks for sharing this with us!

  • @JoaoSantos-mm7bx
    @JoaoSantos-mm7bx 11 місяців тому +3

    this is very good. I would like to see a video explaining every step to create this system. I try to reply this code(step by step), but i dont know how to use shadows + expo

    • @CalvaTV
      @CalvaTV  11 місяців тому +1

      Hi! Thanks for this feedback. I am trying to understand what is lacking and will probably come back to you with questions once I have pondered this a bit.

    • @JoaoSantos-mm7bx
      @JoaoSantos-mm7bx 11 місяців тому

      @@CalvaTV OK, thanks for your attention. I believe that a video creating the entire repository from scratch would be enlightening. A video installing expo, shadows, re-frame and reagent to generate the starting point of this current video from scratch. I don't know if it will be possible, but I would be very grateful. Anyway, thanks for the stuff.

    • @CalvaTV
      @CalvaTV  11 місяців тому +1

      @@JoaoSantos-mm7bx Thing is that all you need is Java and nodejs installed. `npm i` takes care of downloading all JS things, `npx shadow-cljs ...` takes care of downloading all Clojure and ClojureScript things. A video showing this would basically be about creating the package.json and shadow-cljs.edn files. Which I think would be a pretty good video so I will certainly consider.

  • @TheSteadily
    @TheSteadily 2 роки тому +1

    Cool!

  • @lightpad1360
    @lightpad1360 3 роки тому +1

    Thank you for sharing! ❤️

  • @dziltener
    @dziltener 3 роки тому +3

    Clojure loves JavaFX

    • @CalvaTV
      @CalvaTV  3 роки тому +1

      Indeed! I recommend our CljFx meetup video on that subject: ua-cam.com/video/xcMNTKFmEgI/v-deo.html

  • @onthecodeagain
    @onthecodeagain 2 роки тому +2

    Is there a way to have a repl connected to each app?

    • @CalvaTV
      @CalvaTV  2 роки тому +3

      Not currently.Or at least not conveniently. But shadow-cljs actually supports it. I discussed it a bit with Thomas Heller (creator of shadow-cljs) and I think he agreed to make an API that would fit Calva. I'll check this again. Please feel invited to add an issue on Calva about it.

    • @onthecodeagain
      @onthecodeagain 2 роки тому +1

      @@CalvaTV Awesome thank you :)

  • @thomastay4228
    @thomastay4228 3 роки тому +5

    For people running on WSL 2, there is a known issue that WSL 2 doesn't expose the ports by default, so scanning the QR code won't work. Here's how I solved it:
    1. Follow the script in this Github issue: github.com/microsoft/WSL/issues/4150
    2. Using the script, open up ports 9630, 19000, and 19001 (9630 is shadow cljs, 19000/1 are expo)
    3. In the :app key in :builds in shadow-cljs.edn, add in the key :local-ip to be your WINDOWS ip address
    e.g.
    {:builds {:app {:target .....................
    :local-ip "192.168.0.214"}}}}
    On you android device, open `exp://[YOUR_WINDOWS_IP]:19000` instead of the QR code.

  • @ashnur
    @ashnur 3 роки тому +1

    compared to how much clojurescript "loves" rn, yours was the second abandoned repository that doesn't work if you try to follow the readme...

    • @CalvaTV
      @CalvaTV  3 роки тому +1

      I'm sorry it failed you. Please file an issue on the repository of where things didn't work.

    • @ashnur
      @ashnur 3 роки тому

      @@CalvaTV there are errors during installation and when I run the build task (I don't remember anymore the exact name) first it starts, then fails complaining that the port is already used. I literally closed everything and rebooted and only started the app and still did this. I tried to list all the ports open to catch what occupies it, nothing did and it still failed, so I concluded that it dies from itself and deleted the whole repo. Right now I am doing the Calva VSCode tutorial, I replaced my vim extension as suggested, then literally the second thing the tutorial suggests -> clear inline results with Esc, doesn't work at all, nothing is cleared, only if I use the menu option. Sure, it's my environment, but things shouldn't be this fragile, it's not like I super customized anything.

    • @CalvaTV
      @CalvaTV  3 роки тому

      @@ashnur I will try the instructions for the rn-rf-shadow repository and see how I fare. Regarding the clearing of inline results, check the keybindings. Something is probably defined for the Escape key that wins over Calva.

    • @ashnur
      @ashnur 3 роки тому

      @@CalvaTV If you are going over this right now, I would be happy to try it on my end again and give more feedback. Is there some place else I can contact you? A television for an editor plugin is a bit weird person to discuss dev env problems with :)

    • @CalvaTV
      @CalvaTV  2 роки тому

      @@ashnur Sorry for late answer. You can reach me (as @pez) and other Calva people in the #calva channels at the Clojurian's Slack. I appreciate the offer for cooperating in the repoistory and it's instructions! I'm mostly afk for a few weeks right now, though.