Usefull links

Micro frontends

2019-06-18 01:363 TL;DR In short, micro frontends are all about slicing up big and scary things into smaller, more manageable pieces.

2019-07-11 07:56 It is not an ideal state to have many front-end frameworks within the company but it is a way to transition to a more homogenic front-end situation. Medium article

2019-11-30 15:37 THIS is a very interesting way of including different frameworks into each other. At 13:50 [] extra interesting in conjunction with the open-wc project. 2019-12-05 16:59 Embedding a react SPA in a Web Component to be used in another framework.

In depth about micro frontends architechture

2020-05-23 09:41 Whenever we need to take our micro frontend situation to the next level.

2020-07-01 22:50 Micro frontends in retrospect Medium article


2019-06-20 11:33 As mentioned in a private conversation, a new way of connecting react components to redux that is less verbose. Right now in react-redux release candidate. This looks promising.

2019-07-10 01:41 And BOOM! Version 7.1 of React-Redux is officially released. (7.1 uses React hooks to connect to Redux store that I in previous examples got from a alpha release candidate.) More info and a timeline travel through some previous versions here by a Redux dev person.

2019-08-29 23:14 Removing boilerplate code around Redux can’t be bad.

2019-08-30 09:30 Getting started with Redux-Saga Medium article

2019-08-30 09:31 React Router with Redux Medium article 2019-10-31 08:52 Above is yesterdays news. Today this is how to do it. with React Router v5.

2019-11-03 22:09 This is a comendable project redux-starter-kit that I wont use for two reasons. 1 - IMO it does create a lot of stuff for you that you will not understand unless you go through the pain of both discover the need for or get to know because you’ve done all the wiring by yourself. 2 - It is opinionated and not necessarily the way I prefer to set it up. However I will look into it some more because it also has some off the shelf utility functions I have not seen before.

2019-11-03 22:18 This “getting started with Redux” has one of the best instructions I think on how to wire up Redux Saga and get started. Unfortunately the rest is class based React and thus a bit out of fashion but if one only focus on the non-react parts it has some golden nuggets apart from Sagas aswell. Note to self: The way action creators/action types are set up is the same as in SCadmin and this will come in handy in the upcomming React project.

2019-11-27 11:03 [Mixing redux with typescript] A bit outdated (from january 2019) but does have the redux part nicely layed out with typescript.

2019-11-28 09:24 Usefull Redux Thunks tips and tricks.

2020-07-13 09:33 Is Recoil the new shiny thing that replaces Redux?


2019-07-09 15:40 Article about building a configurator.

Styled Components

2019-08-22 15:24 If Styled Components is a keeper then is a thing to add to my React boilerplate for larger apps. Easier debugging of Styled Components.


019-08-29 23:12 This is above my head but never the less interesting… Youtube


2019-09-14 20:58 Optimization by planing when to load scripts

2019-10-15 10:00 Error Logging Frontend js errors back to server

2019-10-26 09:16 An article about doing a controlled startup of a web app the same as we aspire to do. Need to evaluate it

2019-10-31 09:36 Remember the differences android and ios measures window height in respect to the keyboard was a headache when I was doing the mobile version of the current configurator. Now it seems there is a native solution. (I had to store the viewport height upon onload as an attribute or css style on mobile and lock it to that)

2019-11-30 02:23 Faster JSON!

2019-11-30 09:07 App startup orchestration

CSS Libraries

2019-10-07 15:49 Semantic-UI: A jQuery free alternative to Bootstrap. With a React specific fork


2019-10-19 10:11 Talking about microcopy would be a useful thing to involve Scania in. Talking points: when to use Scania corporate tone and when to use a more casual and emphatic voice, users emotional journey, how this works with translations.

2019-10-23 08:53 Microanimations/transitions might be more programmatically readable with this libraries than plain css.

2019-10-31 13:18 All web apps made to mimic native apps should lock screen orientation down and just use it as a feature when it has something extra to offer.

2020-01-13 21:58 Finally a css solution to :hover on touch screens


2019-10-19 00:26 Capturing gestures won’t happen by itself. We need a library. This is a pretty lowlevel library. Will probably need to look further.

2019-10-07 15:15 Cute micro-animation library

2019-11-01 14:54 Sharing React components seems to be perhaps even more user frendly than reusing Polymer components using

2019-11-03 23:02 Axios has been the goto alternative to the native javascript fetch. Now comes this little library and it looks really sexy out of the box

2019-10-06 08:07 This will come in handy. useBreakpoint hook - media query breakpoints in react. The spinn-off js-in-css library to Styled Components called Polished.js also handles breakpoints. Polished.js works well in combo with Styled Components. Media query function set up in plain js with styled-components Update to first link

2019-09-02 18:01 Article describes a way to use multiple projects under the same url:

2019-11-16 12:22 Not even forms are straight forward in React. So there are libraries for that like or Formik2 or Redux Forms Formik

2019-11-03 22:34 The react hooks way to detect click outside More

2020-01-24 20:53 A few potentially useful React tips here

2020-07-29 19:25 Webpack 5/React will adress some micro frontend issues.


2019-11-03 23:41 Super interesting talk about animation in webb apps on mobile (vs desktop)

2019-11-12 08:59 The slider component that needs to work with both gestures and on desktop with super smooth animations probably is going to cost us a lot of developing hours. CSS to the rescue! scroll-snap seems to have full support for all browsers we care about If scroll-snap fails on us this is a good starting point for doing the same in JS/React. Youtube More alernate starting points if scroll-snap fails


2019-11-12 23:51 Make Jest also test Styled-Components

2019-11-21 19:53 A good primer for automated tests with Jest an Enzyme

Web components

Polymer without build tools, just native web components


2019-11-16 18:00 Analytics tool


2023-09-23 Typescript cheat sheet

2019-12-13 15:38 Nice Typescript intro, it’s live coding 50 minutes so using the youtube speed setting is recommended


2020-01-20 23:45 Lets code a client side router. It very well might be the easiest way forward in a micro frontend lanscape to roll your own orchestrator that ties together underlying spa’s with a few but common functions. One of these is a router function. Here is an article on how to roll your own.


2020-07-20 11:49 PWA is seriously catching up with native

Make your own wifi QR-code to print out for easy sharing.