Modesto  Corwin

Modesto Corwin

1595816820

Module Federation in NextJS Today!

Learn all about how to use Module Federation, both to expose components and to consume components, with NextJS as it stands today on WebPack 4.

Code: https://github.com/jherr/wp5-nextjs-for-youtube
Starter Kit: https://github.com/jherr/wp5-starter-react
Book: https://module-federation.myshopify.com/products/practical-module-federation

There is an issue with the second half of this video where I consume components in NextJS where the React instance isn’t being shared. I’m working on that. :)

Thank you for watching this video, click the “SUBSCRIBE” button for stay connected with this channel.

Subscription Link: https://bit.ly/2E7drfJ

#nextjs #next #javascript

What is GEEK

Buddha Community

Module Federation in NextJS Today!
Modesto  Corwin

Modesto Corwin

1595816820

Module Federation in NextJS Today!

Learn all about how to use Module Federation, both to expose components and to consume components, with NextJS as it stands today on WebPack 4.

Code: https://github.com/jherr/wp5-nextjs-for-youtube
Starter Kit: https://github.com/jherr/wp5-starter-react
Book: https://module-federation.myshopify.com/products/practical-module-federation

There is an issue with the second half of this video where I consume components in NextJS where the React instance isn’t being shared. I’m working on that. :)

Thank you for watching this video, click the “SUBSCRIBE” button for stay connected with this channel.

Subscription Link: https://bit.ly/2E7drfJ

#nextjs #next #javascript

Modesto  Corwin

Modesto Corwin

1596076020

Module Federation in NextJS Today! Live!

What if you could have Module Federation in NextJS today? Or in any Webpack 4 application! Learn how and ask questions as we go!

#nextjs #webpack #next

Ray  Patel

Ray Patel

1619571780

Top 20 Most Useful Python Modules or Packages

 March 25, 2021  Deepak@321  0 Comments

Welcome to my blog, In this article, we will learn the top 20 most useful python modules or packages and these modules every Python developer should know.

Hello everybody and welcome back so in this article I’m going to be sharing with you 20 Python modules you need to know. Now I’ve split these python modules into four different categories to make little bit easier for us and the categories are:

  1. Web Development
  2. Data Science
  3. Machine Learning
  4. AI and graphical user interfaces.

Near the end of the article, I also share my personal favorite Python module so make sure you stay tuned to see what that is also make sure to share with me in the comments down below your favorite Python module.

#python #packages or libraries #python 20 modules #python 20 most usefull modules #python intersting modules #top 20 python libraries #top 20 python modules #top 20 python packages

"Module Federation Light": Using Microfrontends With Angular Already Today

After starting a blog series about Module Federation, I’ve got a lot of positive response. This emphasizes that loading separately compiled and deployed code is really needed in some scenarios. As bundlers like webpack, and hence the Angular CLI, did not allow for this so far, Module Federation is a big game changer.

However, Module Federation depends upon webpack 5 which is currently in beta and will not be used by the Angular CLI before this fall. Although time solves this issue for us automatically, some people are wondering how to accomplish what Module Federation is doing already today.

Interestingly, there are several approaches and here I present one of them: Loading separately compiled UMD bundles. The source code can be found here.

Credits: The approach presented here has been inspired by the work of Victor Savkin who uses a similar approach to load separately compiled libraries with the Angular router here and a great conversation I had with Rob Wormald about webpack externals several months ago. Also,this example inspired me to find an unobstrusive way for sharing externals without tweeking the Angular CLI.

The Case Study

Even though everything I’m showing here works directly with Angular and the Angular CLI, I’m using an Nx workspace because it provides lots of nice features for big systems subdivided into tiny parts. For instance, it allows visualizing them:

Our project's structure

The shell app in our example is capable of loading separately compiled and deployed libraries like the flight-lib:

flight-lib loaded into shell

If we wanted to start the flight-lib in standalone mode, you would use the flight-app which directly references it.

#unkategorisiert #angular #module federation light #angular cli

Modesto  Corwin

Modesto Corwin

1606357620

Module Federation for NextJS 10

Learn how to use Module Federations to export components directly out of your NextJS 10 applications into other NextJS applications. If you are running a micro-site architecture and you want Micro-Frontends, this is a valuable architectural option.

Follow along gist: https://gist.github.com/jherr/dd10bc34448590a2661a0c6acbcc7e8a
NextJS-MF Library: https://github.com/module-federation/nextjs-mf
Completed code: https://github.com/jherr/wp5-nextjs-10

Get the book, Practical Module Federation: https://module-federation.myshopify.com/products/practical-module-federation

Thank you for watching this video, click the “SUBSCRIBE” button for stay connected with this channel.

Subscription Link: https://bit.ly/2E7drfJ

#nextjs #react #next #javascript #web-development