taiki-fw / linkapp Goto Github PK
View Code? Open in Web Editor NEWTo collect my url (bookmark)
To collect my url (bookmark)
ES2015以降のブラケット構文を使用する為に、babelでコンパイル
DB操作をブラケット構文として、リファクタリング
TypeScript化。tscでトランスコンパイル
docker
postgres
username
password ...
以上のデータベース情報などを隠しファイルで管理する。
正規表現によるバリデーションのエラー
同じURLでもコピー内容を貼り付けすると、
testメソッドにてfalseとなるが
手入力だとtrueとなる。
VSCodeの拡張機能であるPrettierを利用しているので、フォーマットがエディタ依存となっている
現状ReactにStateとして状態・データを持たせているので、Reduxを利用して
に分割して管理する。
Express APIとの通信はRedux thunkで実現する。
修正後にDB保存されるが、取得し更新まで出来ていないので修正が必要
上記機能のどちらを利用するかのcheckboxを選択肢する。
request.session.cookie.expire = false;
にするsession.idでuserの名前を利用しているので、ライブラリを使う。
https://www.npmjs.com/package/uniqid
Reduxへ移行
Key | 内容 |
---|---|
currentPage | 現在のページ番号 |
linkCardPerPage | 1ページに表示するLinkCard数 |
IndexOfLastItem | 表示する最後のLinkCardのIndex番号 |
IndexOfFirstItem | 表示する最初のLinkCardのIndex番号 |
RegExp.prototype.toString()
新規投稿画面の実装について
1.新規作成ボタンを押す
2.modalで投稿formが現れる
3.投稿フォーム外を押して作成をやめる | 送信画面を押す
4.modalを解除してTopPageへ
リクエストの結果は何度送信しても同じ
リソースを変更しない
追加
データを取得するのがTopPageのコンポーネントがマウントした時なので、pathのみが変わる現在、投稿しトップページ移動した際にデータを取得していない
削除後、画面更新がされず削除を反映させるにはリロードが必要
※注意:App.jsに投稿までのテスト処理が書いてあるがあくまでテストなので送信項目まで引用可
Reactのファイル構成にAtomicDesignを取り入れる。
クラアント対サーバーは圧倒的にクライアント側の方が数が多いいためサーバー側でsortを行ってしまうと負荷がクラアントの数分だけ生じてしまうのでクライアント側で実装する事でアクセスする側で処理を行い負荷対策を取るため
dockerContainer起動時にPostgresを生成する
検索範囲 ( column name)
Chrome
<input type="file" />
)branch:mainPageの変更点を反映
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.