Skip to main content

2 posts tagged with "react"

View All Tags

Implementing Right-to-Left (RTL) Support in a Tailwind CSS React Application

· 11 min read
Andre Roussakoff
Maintainer of this blog

TL;DR I was developing a project for my friends when we started discussing which languages to support. "It would really be great if we had Arabic!" they said. That's when I realized I'd never dealt with Right-to-Left (RTL) languages before - and honestly, it felt a bit intimidating at first. But hey, we love a good challenge, right?

Building a web application with RTL support requires more than just translating labels and text - it requires adapting the entire user interface to be able to swap text directions. This article describes the key changes I made to seamlessly supports both LTR and RTL language like Arabic. Spoiler alert: it's actually quite doable with Tailwind CSS!

Storybook React - DocsPage+MDX and Notes+MD with Typescript

· 8 min read
Andre Roussakoff
Maintainer of this blog

TL;DR When I came across the Storybook project as a way to create a standard design system, I have very quickly realized that many of the code snippets in the official documentation don't work out of the box if using Typescript. My focus however was on setting up the Storybook DocsPage + MDX and Storybook Notes + Markdown with Typescript. In this blog post you can read how I got everything working. First, Notes with Markdown. Then DocsPage with MDX.