user
Shun Namiki

Freelance full-stack Endigneer @ Shibuya, Japan

Published on Dec-2nd, 2018 ( 2 min read )

ReactでQiitaのアプリケーションを作った話

完全に勉強用のためだけにアプリケーションを作ったのでその学びのまとめ。

作ったもの

Qiita Viewer with Reactというものを作成した。

これはQiitaの記事一覧を返すAPIを叩いてその結果を表示するだけのアプリケーションでサービスとしての価値は皆無。

qiita-viewer-with-react

使ったもの

  • React

    • create-react-app
    • Class Components
  • SASS

  • Github Pages

使わなかったもの

  • Functional Components
  • Redux
  • TypeScript

学んだこと

  • React

    • setState
  • JavaScript

    • fetch API
  • CSS

    • flex

まとめ

Promiseの使い方、fetchAPIの使い方、Reactでの値の更新方法、flexの考え方、などを学べた。

UdemyでReactの触りは理解していたしこのサイト自体もReact(Gatsby)で作成した時にデザインをちょろちょろ変えたのでなんとなく出来るかなーと思っていたけど色々ハマった。Reactもだがそれ意外のところでも色々と詰まったので、やはり手を動かして学ぶのは良い。

Reference

  1. create-react-appでSASSファイルを使う方法 - Qiita
  2. Java - react renderからPromiseでhtmlタグ取ってくると戻り値がObjectになりエラーになってしまう|teratail
arrow_back

Previous

【Elixir】ifやcaseの中で代入・束縛を行うべきでない

Next

知識の貿易を始める〜自分にとっての常識は他人のとっての学び〜
arrow_forward