[B! react][javascript] gowithyouのブックマーク

フロントエンドのテスト戦略ってどうすればいいの？

こんにちは！株式会社ココナラの法律相談事業部でWebエンジニアをしている原井夏樹です。ココナラ法律相談というプロダクトのフロントエンド・バックエンド開発を担当しています。よければXのフォローをお願いします！喜びます！ @superhahnah この記事ではフロントエンドテストの導入にあたり、私たちのプロダクトではどんなテスト戦略をとるべきかを調査・検討して得られた知見を共有します。読んでくださる皆さんの参考になれば幸いです。そもそもフロントエンドのテストって色々ありすぎてよくわからん「〇〇テスト」っていう用語、本当にたくさんありますよね。例えば… ユニットテスト(単体テスト) インテグレーションテスト(結合テスト) E2Eテスト(End to End テスト) 手動テストロジックテストインタラクションテストスナップショットテストビジュアルリグレッションテストアク

gowithyou 2024/10/08

リンク

React Redux の SPA を運用して得られた知見と実装例、開発フローもあるよ！ - Qiita

以前　React Redux を用いた SPA 新規サービスを運用して得た知見と実装例　と言うテーマで発表した内容に、加筆修正して記事にしてみました。2年半くらい取り組んで見ての結果や感想をシェアできればと思います。対象読者 SPA の開発に興味がある方最近の WEB フロントエンド開発に興味がある方ある程度 React や Redux を触ったことがある方、触りたい方目的具体的な実装例をもとに知見を共有し、Web 開発の役に立ててほしいおかしな実装や、もっと良い方法があれば、教えてほしい内容コードベースでの実装例の紹介利用しているライブラリや開発環境、開発フローの共有その他 SPA サービスを運用する上での構成や知見 React Redux のおさらい React Facebook が開発したUI ライブラリ旧来の DOM 操作による状態管理を props や st

gowithyou 2020/01/07

リンク

ReactとVueのどちらを選ぶか - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 主に非Web系のバックエンド開発者(C/C++, Java, Python等を使用)がReactとVueをそれぞれ簡単に触れて、感じたメリット、思ったことなどをまとめています。色々と書いてますが、どちらも完成度の高いライブラリ/フレームワークですね。結論 JavaScript等にあまり深入りせずにWebアプリを簡単に書きたい、あるいは効率的に書くことが目的であればVueの方がお勧めです。しかし開発者としてスキルや設計などについて中長期的にレベルアップを図りたいのであれば、Reactから学ぶことをお勧めします。何故かと言うと、Rea

gowithyou 2018/06/16

リンク

Web最新技術がてんこ盛りのreact-native-domから目が離せない - ナカザンドットネット

パリで発表されていたReact向けプロダクトがあまりにも未来に生きていて興奮したので、紹介させてください。目次目次この記事のゴール想定読者はじめに今回ベースとするソースコード React Nativeは何をするツールか Reactは何をするツールか React DOMとReact Nativeの違い Reactアプリケーションを描画するものたち React DOMの役割 React Nativeの役割 1. ネイティブ処理系の上でJavaScript処理系を動かす 2. Reactを動かす 3. Reactから渡された差分をネイティブViewに適用する React Native DOMはどこがReact Nativeなのか React Native DOMのやばいところ6連発 ReactからはReact Nativeに見えてるのがやばい Objective-C実装をJavaSc