Nest, Axios, React, React-Native Architecture Speedrun

Поділитися
Вставка
  • Опубліковано 11 лис 2024

КОМЕНТАРІ • 90

  • @akkimahajan6799
    @akkimahajan6799 3 роки тому +6

    I was about to tell you about the Nest.js architecture with Nx and here it comes. Great content. 👌👏

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

    I don't usually comment on youtube videos. But hey this one catches me. Simple and clean way of teaching the building blocks of architectures. Keep up this awesome work. Love your voice and personality

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

    I grab a coffee, and I watch your videos and it's like an ASMR. Your content is top-notch!

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

    Really enjoyed this format @Jack! Looking forward to future speed runs!

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

    terrific as always and looking forward to you on the roundup.

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

    I don't know how... but somehow this is one of the coolest videos I've seen.

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

    I absolutely love React Round Up! Glad to have you as a host 😎

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

    Hi Jack
    Thanks for great tech stach for nx topic.
    I suggest video idea on how to make deployment of react app and nest api when using nx monorepo.
    Thanks again, grat work :)

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

    Such a cool video, love the Nx command line, I am going to install it straight away!

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

    Would love to see more React Native!

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

    extremely helpful for me especially I will switch my career stack to react-native and nest js at Sept, learn a lot from it and it inspire me for next project stack and super super helpful if want to do freelancing work.
    Best wishes to Jack! looking for more good content like this coming in the future.

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

    Absolutely love this kind of video

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

    Mono repo concept is awsome

  • @nizamarif5825
    @nizamarif5825 7 місяців тому

    Hi Jack. Thanks for you content. I have recently started using nx workspaces. I was wondering if you have any knowledge on how to implement a single package version strategy for a workspace consisiting of multiple react native projects and 1 react project. I'm a bit confused about this since each rn project have their own package.json and its corresponding node modules folder. The same packages are installed on root node modules folder which makes it just redundant in my opinion. Thanks in advance.

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

    Awesome content! Thank you for your time 👍😊

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

    thank you for the great tutorial. just subbed

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

    I am a student, your videos are awesome.

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

    Awesome content Jack!

  • @거누권
    @거누권 2 роки тому +1

    thanks.. amazing tutorial
    i love speedrun series

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

    Hi, im trying to use jotai for state but i have errors on compile react webapp, "Can't import the named export 'atom' from non EcmaScript module (only default export is available)
    .../node_modules/jotai/urql.mjs". How can i handle libraries that no uses export default like jotai and uses .mjs extensions?

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

      Looks like this is a larger problem with Create React App being on Webpack 4. (Why don't they upgrade already!) You might want to try NextJS? Or vite?

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

    Sigma Developer

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

    Awesome shared types done right

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

    Undefined dotenv variables after building nest Js app with NX, any Suggestions?

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

    Nice one, I have also done something on these lines, only the difference here is I've used the NRWL(nx) on top of the mix to achieve the mono-repo builds. Can you make a video on that too, may be my communication-video editing is not good as yourself.

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

    as always, pure gold!

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

    awesome! as always

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

    Awesome! Do you have some video explaining how to deploy this monorep?

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

      I've gotten enough requests that I will be doing a video where we deploy an NX monorepo soon.

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

    I love your content. Can you make FE Architecture videos? Best practices, why, how, alternatives ...

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

      Gotta collect and organize a lot of thoughts for that one! ;)

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

    does nestjs already has its own monorepo functionality? i still havent used nx though.

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

      I don't think so.

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

    That was fantastic. I just became aware of NX and was looking for almost exactly this setup. Thank you, thank you!!!
    One question for Jack or anyone else who wishes to help. How do I run the VS code debugger on a nest.js application run in NX?

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

    You are doing a fantastic job

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

    Fantastic Job.... Thanks ..

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

    Can you redo this with expo and the inbuilt react-native-web?

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

    Thumbnail game on point. 🔥

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

    Excellent Tutorial! Thanks a lot

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

    Great video !

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

    Solid as always

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

    Beautiful view outside :)

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

      That's what it looks like in Summer. Right now it's just a bunch of sticks. Give it a few months though and it will be back to beautiful. :)

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

    Great tutorial, thanks for sharing.

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

    Nice work! What would be is have shared backend and front end services/libs - isomorphic code. We do this a lot at work.

  • @장진호-x3h
    @장진호-x3h 3 роки тому +1

    Amazing! Thanks for nice video !

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

    Thank you so mush i'm really learning a lot , if you may , can you give us a deep playlist of your thought and architectural best practices for building a micro-front end with React , with a micro services back end with Nest , that will be awesome. either way thank you again for this enormous work you are doing for the community

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

      Great suggestion! I love that idea! Lemme get Module Federation working on NX with ... something, and we'll do the Micro-FE/NestJS speedrun.

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

    very informative video

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

    Thank you!

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

    Excellent Jack as usual.
    One thought was if we use nextjs instead of just react . I guess that will also just work.

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

      Yeah, it will absolutely work, I just wanted to show a variety of different mechanisms and I showed NextJS in the last video about NX.

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

      @@jherr one question which I have faced when building a mono repo for react and react-native was the difference in react versions. I believe the react-native eco-system still uses its own version of react and not the latest. Nx I assume handles all the heavy lifting and dependency management for us. Please correct me if I am wrong

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

      @@tarunsukhu2614 I think you do need to synchronize the react versions, but it's pretty easy if I recall correctly.

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

    Awesome good job, would love to see more about using nx.dev tips

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

    Very cool, guess I will drive into nx next.

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

    When should I use useCallback?

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

      I've started using it all the time, because it allows me to control when the callback closure is captured. I'd say it's optional in a component, but should be required in a custom hook. And in the component case, if you pass the callback onto a sub-component then you should also use useCallback.
      The reason for this is referential integrity. If you add a callback function to a dependency list in a useEffect then that useEffect will fire on every component render unless you use useCallback.

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

    Great video, but I get little bit confused with the programming style of nest js. I wanted to know the core differences of these two paradigms, the way we write express js backend and the way we write nest js backend-with dependency injection, decorators (like spring boot).
    Can anyone tell me the pros and cons ?

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

      IMHO, express offers more fine grained control, but NestJS makes REST (and GraphQL) APIs easier to implement if you follow their paradigms, as well as offering more formal type safety.

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

    what a skill I am just you're fan

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

    super nice videos

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

    Great video! Could you add one where you deploy the application (doesn’t have to be the mobile app).

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

      Ok... Any particular vendor? gcloud? AWS? azure?

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

      @@jherr AWS

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

      @@jherr I would prefer Azure but AWS is fine as well

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

    Awesome 👌

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

    Nice 🙏🙏

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

    🙌

  • @mdjaman7348
    @mdjaman7348 Рік тому +1

    t you are best bro love you 🥰🥰🥰🥰🥰🥰🥰🥰

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

    🚀🚀🚀🚀

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

    🤯

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

    vue ?

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

      I've actually done a fair bit of Vue in the past and I'll be doing more.

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

    Eselente

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

    Wow kinda wish they have vue plugin already

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

      nvm @nx-plus/vue

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

      I was just gonna say. Should we do a Vue/React combo speed run?

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

      @@jherr That'd be great! I feel so bad that I shipped a react native project and vue frontend web app in different repos...

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

      @@wobsoriano The more you know. media.giphy.com/media/3ohzdLQUbKEu47o9Ww/giphy.gif

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

    @Body("text") text

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

      Yes! You could definitely do that as well.

  • @makarov.1996
    @makarov.1996 Рік тому

    wtf ? трамп начал программировать?
    wtf ? trump started programming?

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

    Great video!

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

    Awesome 👍