Building a microfrontend architecture skeleton is made easy with webpack module federation. It would require significant effort to construct a custom architecture without it. Code splitting offers numerous advantages such as code sharing, independent deployment and enhanced collaboration with different teams. Check out this boilerplate react application showcasing the dynamic loading of components from other applications on the fly: https://lnkd.in/df3FacAg #webpack #react #microfrontend #frontend #poc #code
Cagdas Yigit’s Post
More Relevant Posts
-
Hey everyone! I've just given it a major overhaul to the microfrontend CLI tool that I have built, and I think you're going to love it. I have added the full TypeScript support! The CLI now offers an option to create and configure projects with TypeScript, streamlining the setup process for micro-frontend architectures. If you've ever wrestled with setting up TypeScript in a micro-frontend architecture, you know it can be a pain. Now it's just one prompt away - configs, dependencies, everything and even a 'type-check' command for catching errors early. Plus, it auto-generates those pesky remote module declarations. No more "Can't find module" headaches! Go nuts! https://lnkd.in/g3bgvemA
vite-microfrontend-cli
npmjs.com
To view or add a comment, sign in
-
Next.js and Tailwind CSS, first assignment demonstrating my understanding of component architecture, and routing. https://lnkd.in/gpWh43-T
GitHub - Sohail-Effendi/Nextjs-Routing-with-TailWind: Nestjs routing assignment with Tailwind
github.com
To view or add a comment, sign in
-
🌟 Exciting News! 🌟 I'm thrilled to announce that I've just released my latest npm package: Next Route Create 🚀 🔗 Package Link: https://lnkd.in/d3V6Ej2B 🚀 Boost Productivity: Next Route Create simplifies the process of creating new Next.js routes with just a single command. Whether you're adding new pages, implementing layouts, or handling error scenarios, it streamlines the setup so you can focus more on building your application logic. 🔧 Efficiency: No more manually setting up boilerplate code for each new route. Next Route Create automates the repetitive tasks, saving you valuable time. 🧩 Consistency: Ensures uniformity across your project with standardised file structures and components, reducing errors and improving maintainability. #NextJS #CLI #DeveloperTools #ProductivityTool #NPM #OpenSource #DeveloperProductivity #NextJSBestPractices
next-router-create
npmjs.com
To view or add a comment, sign in
-
Sure, here's a shorter version for your LinkedIn post: 🚀 Introducing the Sierra SCSS Library! 🎉 I'm excited to announce the launch of the Sierra SCSS Library - your new go-to toolkit for efficient and maintainable SCSS. 🔹 Features: Modular Structure for easy customization Predefined Mixins and Functions to simplify tasks Responsive Design Utilities for seamless layouts Utility Classes for quick development Theming Support to manage and switch themes effortlessly Get started today and enhance your front-end workflow! Check out our GitHub repository: [GitHub Repository Link] #webdevelopment #scss #frontend #opensource #css #SierraSCSSLibrary
To view or add a comment, sign in
-
Creating web3 projects over and over again can be a hassle so I decided to build a template using NextJs Tailwind Labs wevm TypeScript and @rainbowdotme I wrote out some common functions and UI components needed by web3 projects. Repo: https://lnkd.in/dHzne2MH. #web3 #opensource
GitHub - OleanjiKingCode/wagmi-viem-tailwindcss-template: This repository serves as a template for Web3 projects, providing a foundation for building decentralized applications using various libraries and tools. It includes a collection of reusable UI components and demonstrates implemented functionalities using the Wagmi library.
github.com
To view or add a comment, sign in
-
In preparation for my upcoming #webcomponents workshop, I created a starter template for building a lit library. You can scaffold it out using the below command or fork the repo: npm init lit-starter-kit my-project-name https://lnkd.in/gVqkHnb8 Some of the features include: ✅ Library and web component scaffolding ✅ Storybook integration (with helpers) ✅ CDN build ✅ NPM build ✅ Testing ✅ Documentation ✅ React wrappers ✅ JSX integration ✅ Vue.js integration ✅ Svelte integration ✅ SolidJS integration ✅ HTML linter config
GitHub - break-stuff/lit-starter-kit: A starter kit for creating a Lit-based web component library.
github.com
To view or add a comment, sign in
-
Successfully created a reactive web UI using a RUST framework called Leptos. Go through the code in GitHub using the below link provided. GitHub link : https://lnkd.in/gWiWv4kx
To view or add a comment, sign in
-
CPlugin .Net released 🚀 🍰 A simple library that helps to implement a plugin-based architecture. The purpose of this library is to provide a way to load plugins from a configuration file such as settings.json or .env, to facilitate the exchange of dependencies without having to make changes to the host application. https://hubs.ly/Q02nRNZq0 #dotnet #csharp #oss #plugins
GitHub - MrDave1999/CPlugin.Net: A simple library that helps to implement a plugin-based architecture
github.com
To view or add a comment, sign in
-
Introducing a project showcasing the application of the Factory Method pattern in a React/Next.js environment. This pattern enables object creation without specifying the exact class, fostering code flexibility and reuse. Explore how smart utilization of the Factory Method pattern can streamline web application development. #react #nextjs #designpattern #typescript
GitHub - lukaslumiere/typescript-factory-pattern
github.com
To view or add a comment, sign in
-
Implemented an `AddressLookup` React component using Mapbox's forward geocoding API. Used the useDeferredValue hook for non-blocking UI updates. If you want to use this component, you can simply copy and paste the code into your own codebase. Here is the link to the github gist. https://lnkd.in/g4FnxM4b Credit - Use Dub.co to shorten the GitHub Gist link and xnapper for screenshots.
To view or add a comment, sign in