Microfrontend
   HOME





Microfrontend
A micro frontend is an architectural pattern for web development, where independently developed frontends are composed into a greater whole. It is analogous to a microservices approach but for client-side single-page applications written in JavaScript. It is a solution to de-composition and routing for multiple front-end applications. Micro frontends (MFE) can be built using the following approaches: * With tooling such as module federation or native federation * With libraries such aSingle-SPAor frameworks such aPiral* With Web Components * With iframes Companies that use micro frontends are Canonical, IKEA, Scania AB, Spotify, etc. For Webpack this concept is referred to as module federation. See also * Microservices In software engineering, a microservice architecture is an architectural pattern that organizes an application into a collection of loosely coupled, fine-grained services that communicate through lightweight protocols. This pattern is characterize ... * Sof ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]  


Microservices
In software engineering, a microservice architecture is an architectural pattern that organizes an application into a collection of loosely coupled, fine-grained services that communicate through lightweight protocols. This pattern is characterized by the ability to develop and deploy services independently, improving modularity, scalability, and adaptability. However, it introduces additional complexity, particularly in managing distributed systems and inter-service communication, making the initial implementation more challenging compared to a monolithic architecture. Definition There is no single, universally agreed-upon definition of microservices. However, they are generally characterized by a focus on modularity, with each service designed around a specific business capability. These services are loosely coupled, independently deployable, and often developed and scaled separately, enabling greater flexibility and agility in managing complex systems. Microservices architec ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]  


Web Components
Web Components are a set of features that provide a standard component model for the web allowing for encapsulation and interoperability of individual HTML elements. Web Components are a popular approach when building microfrontends. Primary technologies used to create Web Components include: ; Custom Elements : APIs to define new HTML elements ; Shadow DOM : encapsulated DOM and styling, with composition ; HTML Templates : HTML fragments that are not rendered, but stored until instantiated via JavaScript Features Custom Elements There are two parts to Custom Elements: autonomous custom elements and customized built-in elements. Autonomous custom elements are HTML elements that are entirely separated from native HTML elements; they are essentially built from the bottom up using the Custom Elements API. Customized built-in elements are elements that are built upon native HTML elements to reuse their functionality. Shadow DOM The Shadow DOM is a functionality that allows ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]  


Architectural Pattern
Software architecture pattern is a reusable, proven solution to a specific, recurring problem focused on architectural design challenges, which can be applied within various architectural styles. Examples Some examples of architectural patterns: * Publish–subscribe pattern * Message broker See also * List of software architecture styles and patterns * Process Driven Messaging Service * Enterprise architecture Enterprise architecture (EA) is a business function concerned with the structures and behaviours of a business, especially business roles and processes that create and use business data. The international definition according to the Federation of ... * Common layers in an information system logical architecture References Bibliography * * * {{Design Patterns patterns Software design patterns ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]  


picture info

Scania AB
Scania AB ( , ), stylised SCANIA in its products, is a major Sweden, Swedish manufacturer headquartered in Södertälje, focusing on commercial vehicles—specifically heavy lorries, trucks and buses. It also manufactures diesel engines for heavy vehicles as well as Marine propulsion, marine and general industrial applications. Scania was formed in 1911 through the merger of Södertälje-based Vabis and Malmö-based Maskinfabriks-aktiebolaget Scania. Since 1912, the company headquarters have been based in Södertälje after the merger. Today, Scania has production facilities in Sweden, France, the Netherlands, Thailand, China, India, Argentina, Brazil, Poland and Finland. In addition, there are assembly plants in ten countries in Africa, Asia and Europe. Scania's sales and service organisation and finance companies are worldwide. In 2022, the company employed approximately 56,927 people around the world. Scania was listed on the NASDAQ OMX Stockholm stock exchange from 1996 to ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]  




Software Design Patterns
In software engineering, a software design pattern or design pattern is a general, reusable solution to a commonly occurring problem in many contexts in software design. A design pattern is not a rigid structure to be transplanted directly into source code. Rather, it is a description or a template for solving a particular type of problem that can be deployed in many different situations. Design patterns can be viewed as formalized best practices that the programmer may use to solve common problems when designing a software application or system. Object-oriented design patterns typically show relationships and interactions between classes or objects, without specifying the final application classes or objects that are involved. Patterns that imply mutable state may be unsuited for functional programming languages. Some patterns can be rendered unnecessary in languages that have built-in support for solving the problem they are trying to solve, and object-oriented patterns are no ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]  


Software Modernization
Legacy modernization, also known as software modernization or platform modernization, refers to the conversion, rewriting or porting of a legacy system to modern computer programming languages, architectures (e.g. microservices), software libraries, protocols or hardware platforms. Legacy transformation aims to retain and extend the value of the legacy investment through migration to new platforms to benefit from the advantage of the new technologies.Gardner, D"Not just a nip and tuck, application modernization extends the lifecycle of legacy code assets" ''ZDNet'', October 24, 2006 As a basis and first step of software modernization initiatives, the strategy, the risk management, the estimation of costs, and its implementation, lies the knowledge of the system being modernized. The knowledge of what all functionalities are made for, and the knowledge of how it has been developed. As the subject-matter experts (SMEs) who worked at the inception and during all evolutions of the app ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]  


Webpack
Webpack is a free and open-source module bundler for JavaScript. It is made primarily for JavaScript, but it can transform front-end assets such as HTML, CSS, and images if the corresponding loaders are included. Webpack takes modules with dependencies and generates static assets representing those modules. Webpack takes the dependencies and generates a dependency graph allowing web developers to use a modular approach for their web application development purposes. It can be used from the command line or can be configured using a configuration file which is named ''webpack.config.js''. This file defines rules, plugins, etc., for a project. (Webpack is highly extensible via rules which allow developers to write custom tasks that they want to perform when bundling files together.) Node.js is required to use Webpack. Webpack provides code on demand using the moniker ''code splitting''. Two similar techniques are supported by Webpack when it comes to dynamic code splitting. The ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]  


picture info

Spotify
Spotify (; ) is a List of companies of Sweden, Swedish Music streaming service, audio streaming and media service provider founded on 23 April 2006 by Daniel Ek and Martin Lorentzon. , it is one of the largest providers of music streaming services, with over 678 million monthly active users comprising 268 million paying subscribers. Spotify is listed (through a Luxembourg City–domiciled holding company, Spotify Technology S.A.) on the New York Stock Exchange in the form of American depositary receipts. Spotify offers Digital rights management, digital copyright restricted recorded audio content, including more than 100 million songs and 7 million podcast titles, from record labels and media companies. Operating as a freemium service, the basic features are free with advertisements and limited control, while additional features, such as offline listening and commercial-free listening, are offered via paid Subscription business model, subscriptions. Users can search for music based ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]  


picture info

Canonical (company)
Canonical Ltd. is a privately-held computer software company based in London, England. It was founded and funded by South African entrepreneur Mark Shuttleworth to market commercial support and related services for Ubuntu and related projects. Canonical employs staff in more than 70 countries and maintains offices in London, Austin, Boston, Shanghai, Beijing, Taipei, Tokyo and the Isle of Man. Projects Canonical Ltd. has created and continues to back several projects. Principally these are free and open-source software ( FOSS) or tools designed to improve collaboration between free software developers and contributors. Some projects require a Contributor License Agreement to be signed. Open-source software * Ubuntu, a Debian-based Linux distribution with GNOME (formerly with Unity) desktop ** Ubuntu Core, a tiny and transactional version of Ubuntu * GNU Bazaar, a decentralized revision control system * Storm, an object-relational mapper for Python, part of the Launchpa ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]  


picture info

IKEA
IKEA ( , ) is a Multinational corporation, multinational conglomerate (company), conglomerate founded in Sweden that designs and sells , household goods, and various related services. IKEA is owned and operated by a series of not-for-profit and for-profit corporations collectively known and managed as Inter IKEA Group and Ingka Group. The IKEA brand itself is owned and managed by Inter IKEA Systems B.V., a company incorporated and headquartered in the Netherlands. IKEA was started in 1943 by Ingvar Kamprad, and has been the world's largest furniture retailer since 2008. The brand name is an acronym of founder Ingvar Kamprad's initials; Elmtaryd, the family farm where Kamprad was born; and the nearby village of Agunnaryd, Kamprad's hometown in Småland, southern Sweden. The company is primarily known for its Modern furniture, modernist furniture designs, simple approach to interior design, and its immersive shopping concept, based around decorated room settings within big-box ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]  


Frontend And Backend
In software development, frontend refers to the presentation layer that users interact with, while backend involves the data management and processing behind the scenes, and full-stack development refers to mastering both. In the client–server model, the Client (computing), client is usually considered the frontend, handling user-facing tasks, and the Server (computing), server is the backend, managing data and logic. Some presentation tasks may also be performed by the server. Introduction In software architecture, there may be many Abstraction layer, layers between the hardware and End-user (computer science)#End user, end user. The ''front'' is an abstraction, simplifying the underlying component by providing a user-friendly interface, while the ''back'' usually handles data storage and business logic. Examples E-commerce Website: The ''frontend'' is the user interface (e.g., product pages, search bar), while the ''backend'' processes payments and updates inventory. Bank ...
[...More Info...]      
[...Related Items...]     OR:     [Wikipedia]   [Google]   [Baidu]