uttk / nijinowa

Web application built only with React Hooks

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

※ 現在、サービス公開に向けてデモページを停止しています。サービス公開後のソースコードは、このリポジトリ同じようにgithubで公開する予定です。

NIJINOWA

NIJINOWA は、画像を投稿できるWebアプリです。

デモページ ( 現在は停止してます )

リポジトリの特徴

TypeScript

TypeScriptを使って、型安全なコンポーネントや処理を書いています。

ReactHooks

ReactHooksのみを使いClass コンポーネントを一切使わないようにしています。

No Redux

Reduxやそのミドルウェアを使ってないので、依存が少ないです。

AtomicDesign によるフォルダー構成

コンポーネントをAtomicDesignによって、分割しています。

要素 特徴
atoms ReatHooksを使わない SFC
molecules atoms と同じだが、要素が atoms より多い
organisms ReactHooks を使っているコンポーネント
pages 一つのウェブページを構成するコンポーネント
templates pages の共通部分をまとめるコンポーネント

コンポーネントの基本構成

/ComponentName
 |
 +--index.tsx                 <- JSXを書く
 +--ComponentName.moduls.scss <- index.tsxで使うcssを記述する
 +--use.ts                    <- index.tsxで使うカスタムHooksを定義する
ezoic increase your site revenue

About

Web application built only with React Hooks

License:MIT License


Languages

Language:TypeScript 87.9%Language:CSS 11.3%Language:HTML 0.8%