[エカテリンブルク、発表] UralJS#6-入力に関する3つのレポート、この問題、Reactアプリケーションの最適化

画像







2月8日木曜日の19:00に、2018年の最初のUralJS会議がSolコワーキングで開催されます。 TypeScript CircuitでFlowが勝った理由を把握し、悪の火星人でFronttalksプログラム委員会のメンバーであるLesha Ivanovの最適化レシピを聞いて、機能主義またはOOPのどちらがクールかを議論しましょう。







UralJSは実験として登場しました-同僚のグループには専門的な動機が欠けていたため、私たちはそれを組織することにしました。 初めて70人の開発者が集まりましたが、サイトはゴムではないため、現在、数百人の参加者の登録を終了しています。 地理は拡大しています-チュメニ、チェリャビンスク、ペルミからのゲストがエカテリンブルクに来ました。







2017年、5回の会議を開催しました。 彼らは小さなペットプロジェクトが100万人のユーザーを集めた場合どうするかを議論し、彼らがすぐそれについて爆撃し たクールなVueについて話し、国際化に対処 、JS流れを賞賛しました。 夏には、他の形式を試しました。 JetBrainsのAndrei Starovoitは、WebStorm開発者がサポートするテクノロジーをどのように選択するかについて大いに語りました。 一緒に、彼らは週末にコーディングしました-彼らはAngular触れ 、異なるパートナーと制限で同じ問題を5回解決しました







今回はどうなりますか:







ニコライ・カレフ、フリーランサー-これは悪です



JSでthisキーワードを使用することは、クラス内に暗黙的な状態または依存関係を注入することに関連する潜在的な問題の指標です。 関数型プログラミングのツールを使用して、これらの問題を見つけて解決する方法を示します。







ミハイル・シャティキン、輪郭-冷酷なタイピング



TypeScriptアプリケーションのタイピングについて話しましょう。 Reduxアプリケーションに型をゼロから追加し、アプリケーションを最大限に制御する方法を紹介します。 型付けされたアプリケーションで、より少ないテストを書くことができ、特定のクラスのエラーがそこから完全に消える理由を示します-コンパイルすれば、ただ動作します。 マイナス面を明らかにします。開発時間とコードベースのサイズがどれだけ増えているかを説明します。 フロントエンド開発にバックエンドを引き付けるのにタイプがどのように役立つかを説明します。







アレクセイ・イワノフ、邪悪な火星人-反応とデータ:状態を保存および変更する効果的な方法



JSXをJSにコンパイルすると、関数が生成されます。 一部の関数は他の関数にネストされ、他の関数は他の関数にネストされています。 一番上の関数を呼び出すと、VirtualDOMが取得され、次にDOMのみが取得されます。







これまでのところ良い。 しかし、今度はアプリケーションのデータを変更し、それに基づいてDOMを変更する必要があります。 そして、ここからさまざまなニュアンスが始まります。 すべての変更は同様に有用ですか? レンダラーはどの編集を引き起こし、どの編集は引き起こしませんか? Reactは何を変更するかをどのように選択しますか? VirtualDOMのどのような変更がDOMの変更を引き起こしますか。 アプリケーションをできるだけ速く実行するようにデータを整理する方法は?







テキストフィールドにデータを入力すると、アプリケーション全体が遅くなり始め、チェックボックスが0.5秒に設定され、アニメーションが遅くなる場合、レポートが役立ちます。










参加は無料ですが、主催者がすべてのゲストのためにお茶、コーヒー、スナックを準備できるように登録する必要があります。







登録はこちらです。







レポートの記録は、会議後にYouTubeチャンネルに表示さます。








All Articles