Reactのコンポーネントライブラリを作ってnpmに公開したお話

Reactのコンポーネントライブラリを作ってnpmに公開したお話

前回の記事「PostCSSでレスポンシブに対応したCSSフレームワークを作ってみました」でご紹介したCSSフレームワーク「Nimbus」を使ってReactのコンポーネントライブラリを作ってみました。基本的な見た目は「Nimbus」を全く同じです。Reactのコンポーネントライブラリ「Nimbus-React」のご紹介をさせていただければと思います。

PostCSSでレスポンシブに対応したCSSフレームワークを作ってみました

PostCSSでレスポンシブに対応したCSSフレームワークを作ってみました

今までがっつりPostCSSを触ったことがなかったので勉強の意味も込めてNimbusというCSSフレームワークを作ってみました。Nimbus(筋斗雲)にしたかというとレスポンシブに大きさを変えるという意味で命名しました。というかtable周りとレイアウト系はレスポンシブにこだわって作りたかったのでこれがいいなと。あとは僕がドラゴンボールの大ファンだからです(笑)ということでNimbusの概要や設計、あとはPostCssを使って困ったとこなどをご紹介します。

元WEB系インストラクターが教えるスクールを選ぶ際のポイント6つ

元WEB系インストラクターが教えるスクールを選ぶ際のポイント6つ

今でこそフリーランスのフロントエンドエンジニアですが数年前は某スクールでインストラクターをしていました。スクールに通うのって受講料として決して安く無い金額を払います。で、「こんな金額払うなら失敗したくない」って思いますよね。これからWEBを勉強したいと思うかたに元インストラクターをという立場で何かしらお役に立てれば思います。

フリーランス一年目にやっておいたよかったと思った8つのこと

フリーランス一年目にやっておいたよかったと思った8つのこと

フリーランスとして働き始めて1年がすぎました。フロントエンドエンジニアとして大したことない僕でもなんとか家族を養っていけてます。それもこれも支えてくれる家族や友人のおかげです。フリーランス1年目だからこそ思ったであろうことをいくつかまとめてみました。これからフリーランスになりたいという方の少しでもお役に立てれば幸いです。

React + Reduxのプロジェクトでブラウザバックの時はscrollTopさせないようにする方法

React + Reduxのプロジェクトでブラウザバックの時はscrollTopさせないようにする方法

React + Reduxのプロジェクトの場合、基本的にページ遷移したらscrollTopさせるんですが、ブラウザバックの時などはscrollTopさせたくない場合があったりします。
その辺の実装が以外に簡単だったんでメモ。

Redux Formを業務で使っていてわかった!使えるTips

Redux Formを業務で使っていてわかった!使えるTips

業務でReactのサービスを運営・更新しているのですが、Form周り全般はRedux formを使っています。かなりの頻度でバージョンアップがされていて活気がある感じがします。しかも、6.0.*系の時よりも現在(2017/2/2)のバージョン6.5.0ではvalidationが使いやすくなりとってもいい感じです。今回はそんなRedux formのちょっとしたTipsをご紹介します。

prototypeベースが理解できていればES2015のclass構文は簡単だっていう話

prototypeベースが理解できていればES2015のclass構文は簡単だっていう話

業務でもES2015で書くことが増えているので自ずとclass構文を使う機会は多いです。あんまり詳しく調べたことがなかったので掘り下げてみました。結論は初学者にはハードルが高いけどprototypeベースが理解できていれば馴染みやすいし理解しやすいなと思います。

ページの先頭へ