API Reference | Vue SSR GuideCreate a Renderer instance with (optional) options.tagged: createrenderervue31-07-2019
Vue.js Server-Side Rendering With Vue Router: Step-By-Step Guide - Vue.js DevelopersWhen I started collecting information about SSR (server-side rendering) with Vue, I had to get pieces from different articles as well as the official documentation to get a complete understanding of the subject.Here are some problems I found in these sources:A lot of assumptions about information that you should have, like Webpack configuration, the proper way to hook up Vue Router etc.Lacking certain important information and leaving some gaps for the reader to fill in.In the examples given, most don't follow the standards and best practices provided by the official documentation.The objective of this article is to provide all the information you may need to get SSR working with Vue Router, making an extra effort to avoid any gaps that may give you a headache later. I also try to respect all the Vue team's recommendations.tagged: vuetutorialsssr31-07-2019
Microservice WebsitesScalable development of an evolvable system with great mobile performancetagged: micromicrofrontends31-07-2019
Configure Liveness and Readiness Probes - KubernetesThe kubelet uses liveness probes to know when to restart a Container. For example, liveness probes could catch a deadlock, where an application is running, but unable to make progress. Restarting a Container in such a state can help to make the application more available despite bugs.tagged: kubernetesliveness31-07-2019
(4) Spotify Engineering Culture - Part 1 - YouTubeThis video is a snapshot of Spotify's approach to software enginering and people management in 2014. It has since come to be known as the "Spotify Model" (although I didn't coin that term).tagged: experimentationspotifycultureengineering31-07-2019
How to Use a Windows PC Keyboard on Mac by Remapping Command & Option KeysThis trick works the same with all Windows and PC keyboard with the standard CTRL / Windows / ALT key layout, and all versions of Mac OS:tagged: keyboardlayoutmapping31-07-2019
Modernizing Upwork with Micro Frontends - Upwork BlogOver the last few years our focus has been on modernizing the Upwork stack to improve performance and reliability. My attention was recently drawn to a note about “Micro Frontends” in the thoughtworks Technology Radar, an approach we have been following as part of our modernization effort. I’d like to share the challenges we have faced and how we have gone about solving them. It might be worth noting that we have not traditionally used the term ‘micro frontends,’ but I have a feeling this may change as a result of the more formal documentation referenced above.tagged: upworkmicromicrofrontend29-07-2019
Five Things to Consider Before Choosing Micro Frontends | Rangle.iod performance optimization, implementing Server Side Rendering (SSR) with Progressive Enhancement for your frontend application is generally recommended, especially when improving SEO is a goal. You ctagged: micromicrofrontend29-07-2019
Edge Side Includes | Customer Support | AkamaiEdge Side Includes (ESI) is a simple markup language used to define web page components for dynamic assembly and delivery of web applications at the edges of the Internet.tagged: micromicrofrontends29-07-2019
GitHub - rintoj/statex: StateX is a state management library for modern web applications with unidirectional data flow and immutable uni-state (just like redux)StateX is a state management library for modern web applications with unidirectional data flow and immutable uni-state (just like redux)tagged: statereduxjsspeclate29-07-2019
Micro FrontendsGood frontend development is hard. Scaling frontend development so that many teams can work simultaneously on a large and complex product is even harder. In this article we'll describe a recent trend of breaking up frontend monoliths into many smaller, more manageable pieces, and how this architecture can increase the effectiveness and efficiency of teams working on frontend code. As well as talking about the various benefits and costs, we'll cover some of the implementation options that are available, and we'll dive deep into a full example application that demonstrates the technique.tagged: thoughtworksmicromicrofrontend29-07-2019
The Simplest Way to Load CSS Asynchronously | Filament Group, Inc.One of the most impactful things we can do to improve page performance and resilience is to load CSS in a way that does not delay page rendering. That’s because by default, browsers will load external CSS synchronously—halting all page rendering while the CSS is downloaded and parsed—both of which incur potential delays. Of course, at least a portion of a site’s CSS should be loaded before the page should be allowed to start rendering, and to get that initial CSS to the browser immediately, we recommend inlining (or HTTP2 server-pushing) the CSS. For sites with a small amount of overall, that alone might be enough, but if the CSS is large (say, bigger than 15 to 20kb), it can help performance to split it up by priority. Once split, less-critical CSS should be loaded in the background—AKA asynchronously. In this post, I aim to describe up our preferred way to do that these days, which has actually been around for years.tagged: cssloadingperformance25-07-2019
GitHub Open Source Collection of Animated Micro-InteractionsCuberto . is a UI/UX and development studio based in San Francisco, CA. I might be a little late in the game but they have shared an inspiring and interesting collection of 'open source' of animated micro-interactions for your mobile app design. Trust me, these are great! It's a combination of transitions combining small animations but also more 'complexed' results where you will have many actions like 'dragging a value' with a flair, 'revising the UI shadow' merged with an intuitive interaction on 'tap'. I took the liberty to share them on ABDZ alongside with their direct link to the GitHub source file for your reference. Give it a look!tagged: animation25-07-2019
