docs: add stitches, remix, playwright, update css-in-js, tailwind

radar/2022-03-28/css-in-js.md

@@ -0,0 +1,5 @@
+---
+title: "CSS-in-JS"
+ring: adopt
+quadrant: methods-and-patterns
+---

radar/2022-03-28/playwright.md

@@ -0,0 +1,7 @@
+---
+title: "Playwright"
+ring: assess
+quadrant: tools
+---
+
+Playwright is a cross browser/platform/language tool to write reliable end-to-end tests. It waits for elements before performing any actions which eliminates the need for timeouts - the primary cause of flaky tests.

radar/2022-03-28/remix.md

@@ -0,0 +1,13 @@
+---
+title: "Remix"
+ring: trial
+quadrant: framework
+---
+
+Remix is a full stack web framework that lets us focus on the user interface and work with web standards.
+
+One of Remix biggest features is the availability of nested routes. Through nested routes, Remix can eliminate nearly every loading state.
+
+Most web apps fetch inside of components, creating request waterfalls which leads to slower page loads. Remix loads data in parallel on the server and sends a fully formed HTML document
+
+At AOE we use Remix for our enterprise Web Applications to provide a first class UX and fast page loads.

radar/2022-03-28/stitches.md

@@ -0,0 +1,13 @@
+---
+title: "Stitches"
+ring: trial
+quadrant: languages
+---
+
+Stitches is a lightweight & performant CSS-in-JS styling library with a focus on component architecture and developer experience.
+
+Unlike most CSS-in-JS libraries, Stitches promises near-zero runtime costs. This is possible by avoiding unnecessary prop interpolations and defining variants upfront.
+
+Stitches has a fully typed API to provide an awesome developer experience. It comes with build in theme support, server-side rendering & much more.
+
+At AOE we use Stitches when we want to write performant and scalable CSS, but don't want to give up the flexibility and developer experience of React components.

radar/2022-03-28/tailwindcss.md

@@ -0,0 +1,5 @@
+---
+title:      "Tailwind CSS"
+ring:       adopt
+quadrant:   languages-and-frameworks
+---