🎉

Preline UI の React コンポーネント公開で公式に認知されフォローされた話

/
に公開

背景

個人的に Preline UI（Tailwind CSS ベースの UI コンポーネントライブラリ）がとても気に入っており、プロジェクトで使おうと思ったものの、React 向けの公式コンポーネントが存在せずに自作しました

React コンポーネント自作の経緯

数日で以下のような流れで「preline-react」を開発しました

  • GitHub リポジトリ: 自作版は minagishl/preline-react にて公開
  • 特徴:
    • React 向けに UI 要素を TypeScript でラップ
    • Accordion などは独自で実装
  • デモ: https://minagishl.github.io/preline-react/ にてホスティング

数日（大体 2〜3 日）で形にできたのは、Preline UI の HTML ベースの構造と Tailwind CSS の設計が非常に理解しやすく再現しやすかったからだと思います

公開後の展開

GitHub に公開 & ツイートして間もなく、Preline UI 公式アカウント（@prelineUI）がフォローしてくれた

得られた学びと今後

  • 実戦的な TypeScript + React + Tailwind 周りの知見が増えた
  • OSS 開発において「自分で作って公開し、公式から認知される」ことの醍醐味をリアルに体感
  • コードの品質やドキュメント整備の重要性

今後はこの経験を活かし、コンポーネントの拡充やコミュニティへの還元を進めていきたいと考えています

詳細は GitHub

https://github.com/minagishl/preline-react
気になる方はぜひ覗いてみてください！

記事を気に入っていただけたら、Amazon ほしい物リストを覗いてみてください！
コメントを表示する