
アレクサンダー・サビン、スーパージョブ
開発プロセス中のテストの重要性を過大評価することは困難です。 スクリーンショットを使用したインターフェースのテストは、CSSのリグレッションを時間内に通知するだけでなく、テストを変更せずにテンプレートとスタイルをリファクタリングできるアプローチの1つで、レビュープロセスを簡素化します。 ただし、このようなテストを実装する場合、適切なツールを選択することから始まり、多数の参照イメージのストレージによって引き起こされるgitリポジトリの制御不能な成長で終わる、多くの典型的な問題があります。 このレポートでは、現在のテストツールとスクリーンショットについて説明し、テストの編成中に発生した問題の解決策を提供します。
デニス・イズマイロフ、Axept
JavaScriptのグローバルコミュニティでの過去6か月間、CSS-in-JSライブラリをめぐって多くのノイズが発生しました。 これは驚くことではありません。 市場での激しい競争は、Webアプリケーションの品質要件を高めます。 要件とともに、複雑さが増しています。 開発者は、SASSおよびCSSモジュールを含むCSS、およびそれらが提供する低レベルのスタイルコントロールが、Webアプリケーションの開発において今日受け入れられないことを認識し始めています。 これらすべてにより、JavaScriptはブラウザを超えて成功し、モバイル、VR、およびデスクトップアプリケーションになりました。
Denisは講演で、CSSの問題とJSSがそれらを解決する方法を示しました。 ただし、JSSには欠陥がないわけではありません。 CSS-in-JSソリューション(React Nativeを含む)には、移行の複雑さ、学習曲線、CSSエコシステムとの統合の欠如などの一般的な問題があります。 これらすべての問題を解決するために、デニスと彼のチームはPreJSSを開発しました。これは、ベストプラクティスを収集し、ゆっくりと確実に世界で人気を博し始めたツールです。
Ivan Lyagushkin、アルファ研究所
コンポーネントアプローチにより、Webアプリケーションの開発を大幅に簡素化および高速化できます。 Reactはコンポーネントライブラリを作成するための優れたツールですが、制限があります。その1つはカスケードレンダリングです。 この制限は、ユニバーサルポップアップを作成する場合に特に当てはまります。 いくつかのヘルパーラッパー、ReactDOMライブラリの不安定なメソッド、コンテキスト、および常識を使用して、DOMツリーの任意のノードに描画するポップアップを教える必要がありました。 しかし今、私たちのライブラリには、世界で最も普遍的なポップアップ、ツールチップ、選択、モーダルウィンドウがあります。
ミハイル・ブシレフ、クレイジー・パンダ
ベンチマークを正しく設定する問題に加えて、アプリケーションのパフォーマンスをさらに監視することは非常に重要です。 パフォーマンスは多くの理由で低下する可能性がありますが、多くの場合、スローダウンするコードに直接関係していません。 レポートは、TypeScriptからes3およびes2016に転置するときにターゲット標準を置き換えることにより、後者の標準を支持せずに根本的に異なるパフォーマンスを得る方法を示しました。 適用されたすべての最適化が利益のために機能し、リファクタリングと更新によってパフォーマンスが低下しないことを確認するには、ベンチマークをできるだけ現実に近い環境でのアプリケーションパフォーマンスの統合テストとして扱う必要があります。
イベントから公式グループSuperjob IT-meetupへのすべての写真