FrontFest.JS:本番環境でのClojureScript、Reactレンダリングの最適化、Angularで落ち込む(しない)方法





FrontFestは、フロントエンド開発者向けの素晴らしい会議で、11月18日にモスクワで開催されます。 この記事では、JSセクションで準備した内容について説明します。 Microsoft、Booking、2GIS、Wrike、Evil Martiansの講演者が、Preact、ClosureScript、React、JS for IoTおよびAngularを使用して彼らの経験を共有します。



§「戦闘」プロジェクトと実際のタスク


エゴール・バンシチコフ 大企業で働くときは、ゼロから作成できるプロジェクトに参加できて幸運です。 このようなチャンスは、2GISの開発チームに投げかけられ、モバイルデバイス用の新しいより良い 2GISオンラインを作成するという課題に直面しました。 テクノロジー、アーキテクチャ、プラグインライブラリのスタック-これらすべての背後には、壊れたコピーの山があります。 「なぜフローではないのか!」と「Preactがあるときにモバイルに反応するのはなぜ!?」を準備してください。 2GISのフロントエンド開発者であるYegor Banshchikovから、バンドルのサイズがキロバイト数ごとに決定する世界での生活方法について学び、Androidブラウザーは最新の仕様に直面して笑います。




キリル・チェルニショフ 各チームには、すべてをElm / ClojureScript / Reasonにコピーするように全員を説得しようとする少なくとも1人のクレイジーな人がいます。 「機能的アプローチ!」、「ランタイムエラーなし!」、「純粋な機能!」、「箱からの免疫!」などのフレーズで簡単に識別できます。 もちろん、誰も彼に書き直したものを与えませんでした-彼らは新人が来ると言って、彼らは何も理解しません。 だから、彼らは彼をlodash / fpに接続して、けいれんしないようにしました。 誰か知っていますか? それとも、この狂人はあなたですか、ユーザー名ですか? ハグ FrontFestに来て、できた人を見てください。 Kirill Chernyshov Aviasales.ruでClojureScriptを使用した経験と、その価値(および価値があるかどうか)について説明します。




アントン・エプレフ 「予約」を聞いたときに最初に思い浮かぶことは何ですか(もちろん、ホテルを検索する以外)。 さまざまなIT会議や専門的なリソースに精通している場合、「A / Bテスト」が思い浮かぶでしょう。 予約は、サイト上のすべての変更がA / Bテストを経て、その間にビジネス指向からパフォーマンスまで数百の異なるメトリックが収集されるという事実で知られています。 アントン・エプレフ 、1つの指標、つまりBooking.comのページのスクロールの滑らかさを測定することについてストーリーを語ります。 そのような統計を収集する方法、そして最も重要なこと-それを使用する方法?




アレクセイ・イワノフ 邪悪な火星のアレクセイ・イワノフは、Reactアプリケーションのレンダリングの問題に直面した人々のためにレポートを作成しました。 チェックボックスの変更、テキストフィールドの編集時のフリーズ、FPSアニメーションのダウンロードに対する長い反応-これはすべて、Reactアプリケーションのレンダリングを最適化する必要があることを示唆しています。 Alexeyのレポートは、コンポーネントのレンダリングのロジック、ReactがVirtualDOMを支持し、DOMに変更を転送するアルゴリズムをよりよく理解するのに役立ちます。 さらに、Alexeyはデータの観点からサブジェクトを調べ、アプリケーションができるだけ早く機能するようにデータを整理する方法を教えます。




イリヤ・タラトゥヒン 今年の春、WrikeのIlya Taratukhin はCodeFest講演し、Angular and ReactスタンドオフレポートでFacebookからテクノロジーを擁護しました。 人生には皮肉がないわけではなく、もちろん、イリヤはダートとアングラーが高く評価されている会社で働いています。 イリヤは、彼がどのように落ち込んだのかについてレポートを作成し、Angularの下でプロジェクトを書き直し、チームとともにコンポーネントライブラリを作成および書き直しました。 このレポートは、コンポーネントの動的な作成の問題だけでなく、変更検出とイベントの操作の詳細に関心がある人にとって特に役立ちます。 明確にするために、すべてにコンポーネント設計エラーの例と、そのようなエラーの原因となる結果が付随します。 イリヤは、そのような状況で問題を回避する方法を教えてくれます。




§現象および芸術としてのJavaScriptについて


マチュー 'p01'アンリ Mathieu 'p01' Henryはマイクロソフトのノルウェーオフィスで働いており、それ以前はOperaで長い間働いていました。 彼は自分自身を創造的な開発者と呼び、「アートとしてのコード」アプローチを公言しています。 アンリはオスロから私たちに飛び、あなたの仕事で創造性を発揮し、実験し、創造性を発揮し、あなたのスピーチを柔軟にするよう促します。 プレゼンテーション中に、彼はいくつかの珍しい解決策、最適化手法を示し、プレゼンテーション中に小さなオーディオビジュアルデモを組み立てます。 アンリのパフォーマンスは1つのレポートだけに限定されません。同じ日に、アンリはJavaScriptでシューティングアリーナをリアルタイムで作成するワークショップを開催します。 理論から実践までと呼ばれるもの。




フランツィスカ・クリングナー JavaScriptは、静的なHTMLページに若干の対話機能を追加するために設計されたシンプルな言語として生まれました。 今日、JSは本格的なプログラミング言語であり、さらに、世界で最も人気のあるプログラミング言語です。 JavaScriptのどの機能が成功したのでしょうか? 初心者にはシンプルさとアクセシビリティに感謝し、Schemeから継承されたクロージャーと関数(最初のクラスのオブジェクト)に憧れます。 これは氷山の一角にすぎません。 Francis Klingnerは、彼のレポートでJavaScriptとNode.jsの成功の秘密を理解し、このいアヒルの子がどうやって世界をとらえたのかを説明します。



§基本について


リザ・デンジャー・ガードナー Lisa Danger Gardnerは昨年、「モノのJavaScript」という本に取り組んでおり、その後、ブラウザ用のコードをほとんど書く必要がなく、モノのインターネットに目を向ける人向けのレポートを作成しました。 シリーズを見ている間、冷蔵庫からお気に入りの飲み物を持って来るロボットを作成することを夢見ていますが、電気工学に関与したことがなく、JavaScriptのみを知っていますか? それで十分です! ライザは、誰もが点滅するライトから複雑で興味深いデバイスを制御する方法を示します。




ウラジミール・ダシュケビッチ 基本を理解することの重要性は、ウラジミール・ダシュケビッチに語ります。 彼のレポート 「現代のフロントエンドを変えるアルゴリズムとデータ構造」では、現代のライブラリとフレームワークの内部で機能するデータ構造とアルゴリズム、これを知る必要がある理由、そしてこの知識がいつ役立つかを説明します。





思い出させてください: MIXVYORSTKAのセクションについてはすでに書きましたが、アパートやワークショップのストリームもあります。 それらについてはすぐに話しますが、今のところは↓



画像



TwitterFacebookVKontakteフォローしてください。Instagramでもご覧 ください



さあ 、それは素晴らしいでしょう!



All Articles