Reactファミリーバケットプロジェクト

はじめに
余暇を利用して、Reactプロジェクトを作って、完成品と言えるでしょう.比較的簡単で、まだ傷がたくさんあります.ディレクトリ構造はかなり簡単です.データベースがないと、あなたたちは実行できません.実行したいなら、express呼び出しデータベースの部分を全部削除して、デッドデータを書きます.
ak 47
これはReactファミリーバケツを集めています.直接運行してもいいし、直接生産環境でも使えます.github.com/xuya 227939/…
ソース
github.com/bbbww/sight.
プレビューアドレス
Googleの遊覧器で体験したほうがいいです.他の遊覧器は測れませんでした.downfuture.com
技術倉庫
react+redux+saga+router+es 6+node.js+webpack+mysql
機能

簡単な登録、登録、パスワード変更

ユーザは、賞賛とコレクションを注文することができます.

個人センターでは、画像や画像をアップロードできます.

個人センターはパスワードを変更して

に登れます.
ディレクトリ構造
一般的な方法
fetch
fetchの要求を封入しました.一括でエラーを報告します.

function request({ method, options, callback }) {
  options.mode = "cors";
  if(!options.sign) {
    options.headers = {
      'Content-Type': 'application/json'
    };
    if(!(options.method === 'GET' || options.method === 'DELETE')) {
      options.body = JSON.stringify(options.body);
    }
  }
  options.credentials = 'include';
  return fetch(getApi + method, options )
    .then(checkStatus)
    .then(parseJSON)
    .then((data) => {
      return data;
    }).catch((err) => {
      message.config({
        top: 24,
        duration: 1,
        maxCount: 3,
      });
      message.error('  fetch  ' + JSON.stringify(err) + ',   ：' + method);
    });

インターフェースはrestFulの設計に適合しています.
util.js
工具類js
router.js
全てのルート構成はこのjsにあります.
おわりに
建設の手順は、私のブログで共有されました.一緒に討論することを歓迎して、ただ実現だけを紹介して、関連コードの意味を述べません.github.com/xuya 227939/…
転載先:https://juejin.im/post/5b2db42551882574bf63fcc0