Code Splitting Made Simple

Thank you, Jack! Top content in calm manner as always! I wonder how could one leverage module federation in monorepo app or are there best practices on how to share code in monorepo app between packages (without bit . dev)

Thank you very much Sir, as always an amazing job!

I might need to rewatch but why rewired in one app and craco in the other?

Again TOP Content from Jack...like the way you explain the content so easily

If you want to store a React.FC in a useState, you don't need a fancy wrapper class -- just need to wrap it in an anonymous function, as in `const [myComponent, setMyComponent()] = useState( () => () => <div>Loading</div>); setMyComponent(() => () => <div>My component has arrived</div>) ` The reason this broke your first example in the "manually wrapping async loaded react components" section is that setState allows you to lazily set the state (i.e. in case the default value is expensive to calculate) so it lets you set the state (either initially or later with the provided setter) by giving it a function that will eventually return the state -- which it will only call once (e.g. so the initial state doesn't get calculated durning every render cycle). Plus `setState( () => MyComponent)` is much easier to remember than `setState(myFancyComponentWrapperForFunctionalComponenttMangedWithUseState(MyComponent))`

What is this font he is using in vs code ?

Cool! Thank you

Jack, thanks for all the stuff you do.
can you also do a tutorial for securing electron app with keycloack.

Awesome video!
Regards from Brasil!

Amazing, thanks Jack

nice tutorial, i just have a question, is this what it's called Serverless Components? i mean the last part of the video

What’s your VSCODE theme?

very nice video, btw , what kind of font and theme do you use in vscode

great

You are one of the best teachers of React. So much clearer than many others. Your font size is perfect and large enough and love the split screens.

Don't think I can ever approach your level of mastery of React no matter how many years. Some people just think logically and some are more right brained.

Thanks for your tutorials and I am a subscriber.

I've seriously learnt a lot from this! Is there a TS example of the `loadComponent` function that you've created?

I’ve been doing front-end dev for a quite a while, and finally have the opportunity to more forward-thinking work. Some of your explanations really clear up ambiguous concepts that are rarely expressed clearly.

(A friendly note about the intellisense tooltips that seem a little overly aggressive in showing their lovely help text - they often obscure the code you’re trying to show, and in really bad cases instill a feeling of inexplicable anxiety)

Hi Jack, thx so much for this great video. but i have a little suggest :) The title doesn't correspond to the content. and this is for advanced level.
i thought this is a tuto for splitting complex code. plz correct me if im wrong.

thx again for all those wonderful videos.

Great one Sir! Can you share the theme and font you are using?

The best React channel, Period. Thank you Jack .

Awesome as always but I wanna know it`s best use case on a project

Yes! loved this talk. not talked about much out there.
thx!!!!!!!

Great , thanks

thnx <3 <3

I have nothing to say than Amazing, blow my mind away 🤯

God

The problem are bundles, ESM solves this

thanks <3

you the gem
i really thought that i can not do any thing.
my collegues are doing exciting things and i don't know how to learn them
then what luck to have you
thank you love you .

hi ,
nice tutorial.
have a question - when to use this dynamic loading of components. Is there is any specific criteria for this or we can use whenever we want??

I was trying to find a way to use Nextjs to have both a website, and a dashboard for the sites admins. I couldn't find a way to keep it separate anywhere. After going to the admin route forcing login and authentication then using this loadable component did the trick! Thank you!

Fantastic. I'm curious how this will work with Vite.

Very Informative Video! Please keep doing more videos

Very interesting. I wonder how/if this has changed much since January. Thanks Jack, this helped me a lot!

damn I have been doing react for little over 3 years now, but every video I learn something new

do I need to do this when using Vite?

such an amazing video!!

Very Interesting video a lot of things to learn. I’m late with the comments but now that we see a lot of use of vite, is module federation still up to date and do you recommend it? I hear also about monorepo with nextjs is it working the same way? Thanks for your help and happy new year

Hi jack u automatically getting lot of intellisense which extension r u using?

Good video.. Can you tell us the vscode plug-ins you are using as a pro dev

how about Vite?

There is an issue with React Lazy loading is that when ever we deploy the code the chunk file names are getting changed because of that the user gets the blank page. User will have to refresh the page or our may be have some code that will automatically refresh that page

Hey Jack for React Lazy loading is there way to keep chunk names same and not to write extra code for auto reloading when ever the code is deployed and user is able to use latest code

Who the hell will add button for users to click that button and load the stuff , sorry to say but the start of your video is ridiculous and misleading you should be straightforward in teaching something and anyone searching for code splitting is not a starter of react he/she is searching for code splitting because he/she has developed app now optimizing it mind it

Great video!

🤯

I am really impressed by your theme.
What theme are you using?

Respect++