Code Splitting Made Simple

Respect++

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

🤯

Great video!

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

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

how about Vite?

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

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

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

such an amazing video!!

do I need to do this when using Vite?

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

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

Very Informative Video! Please keep doing more videos

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

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!

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??

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 .

thanks <3

The problem are bundles, ESM solves this

God

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

thnx <3 <3

Great , thanks

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

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

The best React channel, Period. Thank you Jack .

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

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.

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)

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

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.

great

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

What’s your VSCODE theme?

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

Amazing, thanks Jack

Awesome video!
Regards from Brasil!

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

Cool! Thank you

What is this font he is using in vs code ?

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))`

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

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

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

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)