From 2b01323a794741bc95f1767d48d2bb1a0db96a1b Mon Sep 17 00:00:00 2001
From: Achim Rolle <achimrolle@googlemail.com>
Date: Tue, 26 Apr 2022 14:03:23 +0200
Subject: [PATCH] docs: add stitches, remix, playwright, update css-in-js,
 tailwind

---
 radar/2022-03-28/css-in-js.md   |  5 +++++
 radar/2022-03-28/playwright.md  |  7 +++++++
 radar/2022-03-28/remix.md       | 13 +++++++++++++
 radar/2022-03-28/stitches.md    | 13 +++++++++++++
 radar/2022-03-28/tailwindcss.md |  5 +++++
 5 files changed, 43 insertions(+)
 create mode 100644 radar/2022-03-28/css-in-js.md
 create mode 100644 radar/2022-03-28/playwright.md
 create mode 100644 radar/2022-03-28/remix.md
 create mode 100644 radar/2022-03-28/stitches.md
 create mode 100644 radar/2022-03-28/tailwindcss.md

diff --git a/radar/2022-03-28/css-in-js.md b/radar/2022-03-28/css-in-js.md
new file mode 100644
index 0000000..57cb876
--- /dev/null
+++ b/radar/2022-03-28/css-in-js.md
@@ -0,0 +1,5 @@
+---
+title: "CSS-in-JS"
+ring: adopt
+quadrant: methods-and-patterns
+---
diff --git a/radar/2022-03-28/playwright.md b/radar/2022-03-28/playwright.md
new file mode 100644
index 0000000..7de613a
--- /dev/null
+++ b/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.
diff --git a/radar/2022-03-28/remix.md b/radar/2022-03-28/remix.md
new file mode 100644
index 0000000..1997c45
--- /dev/null
+++ b/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.
diff --git a/radar/2022-03-28/stitches.md b/radar/2022-03-28/stitches.md
new file mode 100644
index 0000000..adfe863
--- /dev/null
+++ b/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.
diff --git a/radar/2022-03-28/tailwindcss.md b/radar/2022-03-28/tailwindcss.md
new file mode 100644
index 0000000..8558f62
--- /dev/null
+++ b/radar/2022-03-28/tailwindcss.md
@@ -0,0 +1,5 @@
+---
+title:      "Tailwind CSS"
+ring:       adopt
+quadrant:   languages-and-frameworks
+---