Гледайте отново най-голямата React конференция в света

В случай, че сте пропуснали React Amsterdam или искате да гледате отново любимите си разговори, имаме страхотни новини. Публикувахме всички разговори в нашия YouTube канал. Наслади се!

Преминете към: Обща песен / React Native Track / Lightning Talks / Истории на ужасите

Обща писта

Трейси Лий: Демистифициране на реактивното програмиране

Винаги ще има нова JavaScript рамка за учене. Технологиите ще продължат да се развиват и променят, а разработчиците ще продължат да пренаписват приложения. Няма ли да е невероятно, ако можем просто да копираме и поставим 90% от нашия код от рамка в рамка? Е, можете. Реактивното програмиране позволява точно това И възможността за бъдеща проверка на вашия код.

Микеле Бертоли: setState Machine

Ами ако състоянието на вашите компоненти е детерминистично? Научете за внедряването на State Machines за управление на състоянието на React Components — от основите на теорията на автоматите до автоматично генерирани тестове.

Мишел Уестстрат: Там и обратно: измамно състояние и данни

Много екипи обсъждат дали да преминат по маршрута на неизменно или променливо състояние. Flux или MVC или MVVM? Redux, MobX или Apollo? Вместо да отговорите на въпроса, в тази лекция ще видите JavaScript код на по-фундаментално ниво: Как работят структурите от данни в JavaScript.

Шърли Ву: D3 и React, Together

D3 и React, кой трябва да контролира DOM? В крайна сметка, цялата цел на React е да управлява актуализации на DOM, така че да не се налага да го правим. D3, от друга страна, е библиотека за изграждане на визуализации на данни и също се нуждае от достъп до DOM. И да се върнем назад, кога дори трябва да използваме D3 и React заедно? В този разговор Шърли дава насоки кога React трябва да има собственост върху DOM и кога D3 трябва вместо това.

Кристиян Ристовски: React State Management в ерата на GraphQL

Сега, когато GraphQL се грижи за управлението на данните в нашите приложения, необходима ли е изобщо външна библиотека за управление на състоянието? Разгледайте всички възможности и сравнете комбинациите от React, Apollo, Redux, MobX и Next.js.

Ричард Трелкелд: GraphQL в мащаб с AWS

Тъй като популярността на GraphQL нараства, много трудни въпроси се задават от компаниите, които го приемат като API стандарт. С какви бази данни или търсачки мога да го използвам? Как събирате данни от множество източници в световен мащаб? Могат ли извлечените от GraphQL данни да бъдат достъпни офлайн и ако клиентите ги променят, как се разрешават конфликтите? Ще научите за AWS AppSync, управлявана услуга GraphQL с функции офлайн и в реално време, и ще видите най-новите функции и функционалност, току-що пуснати на пазара.

Manjula Dube: Преосмисляне с React 16

React v16.0 идва с някои големи промени и актуализация на основния алгоритъм. С React v16.0 Facebook напълно преразгледа вътрешността на React, като същевременно запази публичния API по същество същият. Научете какво е новото в React 16, което ще включва кратко обяснение на новия алгоритъм заедно с фокус върху някои от новите функции като граници на грешки, портали, фрагменти и SSR с React 16.

Кен Уилър: React в смесен режим

Този разговор се фокусира върху творческото използване на архитектурата на компонентите на React за изобразяване не само на DOM елементи, но и на други цели едновременно. Разгледайте техниките, които можете да използвате, за да постигнете това, често срещани клопки, полезни приложения на тези модели и не толкова полезни, но изключително забавни приложения на тези модели.

React Native Track

Лиланд Ричардсън: Cross-Language React

React като идея и парадигма е интересна сама по себе си и не трябва да бъде обвързана с корените си на JavaScript. Замисляли ли сте се дали React би бил възможен или не на други езици? Други платформи? Какви са предимствата и недостатъците на това? Ако имахме React на няколко езика, би ли имало смисъл да променим архитектурата на React Native?

Брент Ватне: React Navigation

Започвате да използвате React Native. Стайлинг? Схванах го. Анимации? Малко по-различно, но сигурно. Сега нека добавим лента за навигация и друг екран, към който преминаваме... Това е мястото, където удряте разклонение на пътя.

Алексей Куреев: Мрежов слой в React Native

React Native ни предоставя набор от примитиви за изграждане на мобилни приложения. Няколко от тях могат да бъдат агрегирани в „мрежов“ слой, който управлява трансфера на данни. Този слой е проектиран да имитира API, който имаме в мрежата, но въпреки всички прилики, той има свои собствени *качества* и предупреждения, за които всеки добър разработчик на React Native трябва да знае. Алексей се опитва да ви преведе през мрежовия слой в React Native и да сподели някои съвети и трикове, които е научил по пътя.

Nader Dabit: React Native VR + AR Made Simple

Екосистемата React даде възможност на разработчиците да се насочат към платформи, които някога се смятаха за недостъпни за разработчиците на JavaScript. Сега платформата Viro отваря вратата за разработване на AR и VR както на iOS, така и на Android, както и на GEAR VR и Google Daydream. В този разговор Нейдър бързо разглежда как да започне работа с рамката и да демонстрира приложение, което позволява на потребителя да качва изображения от конференцията във виртуална стая, както и да се разхожда и да взаимодейства с тях в добавена реалност.

Тереза ​​Сокол: Създаване на програми за хората

В този разговор Тереза ​​обсъжда философията на дизайна на Elm, като прави сравнителен анализ между архитектурата и разработката на софтуер, за да разбере не само как да започнете с Elm, но и защо.

Майк Грабовски: Императив е новото черно

Едно от предимствата на React е неговият декларативен интерфейс и фактът, че можете да опишете всеки разширен UI модел с набор от компоненти, за да имате предвидимо поведение. Тоест, напълно различно от това, което сме правили преди – когато пишем императивен код. Всъщност самият императив често се обвинява в Twitter, че е много опасен и анти-модел. В този разговор Майк изследва различни начини за изграждане на библиотеки за многократна употреба с React Native (като API и компоненти от по-висок ред). Можете да видите, че императивният код всъщност е там на ниско ниво и е това, което прави комуникацията с родния свят възможна.

Нарендра Шети:Push известие с React Native

Push известието е ключова функция за всяко приложение. Помага за ангажиране и задържане на потребителя. Повечето потребители няма да се върнат към приложение, след като го инсталират, и това е мястото, където насочените известия влизат в действие. Нарендра говори за това как да постигнете тази функция с React Native както за iOS, така и за Android.

Rotem Mizrachi-Meidan & Shalom Yerushalmy: Непрекъснат работен процес за голямо приложение React Native — Mobile в Wix

Приложението Wix е голяма операция, включваща ~40 разработчици от 6 различни продуктови групи и доста голямо количество функции. Rotem и Shalom обсъждат начина, по който извършваме тестване на единици и E2E, начина, по който мащабираме нашата CI, начина, по който внедряваме и как коригираме проблеми в производството, когато възникнат. Те също така споделят своите планове за това как ще мащабираме нашето приложение и процес на разработка, за да поддържаме 100 разработчици годишно от днес.

Владимир Новик: Управление на интелигентни домове с React Native

Умните домове стават все по-популярни. С това ние все още използваме приложения, които идват с интелигентни продукти, за да ги контролираме. В този разговор Владимир ви показва алтернатива как можете да създавате свои собствени приложения с React Native, които контролират интелигентни домашни уреди.

Светкавични разговори

Ребека Хил: Структурирайте историята на вашето приложение със саги и селектори

Тъй като приложенията започват да се мащабират, много разработчици си задават въпроса – но къде отиват всички трудни неща? Сложното манипулиране на данни, валидирането, процесът на нашите приложения. С други думи, бизнес логиката. Ако React е проектиран за слоя с изглед и ние използваме Redux или нещо подобно за състоянието, тогава къде отива бизнес логиката? Този разговор разглежда различните опции и се опитва да отговори на този въпрос.

Олга Петрова: Как да „реактивирате“ вашите съществуващи UI компоненти

React е базирана на компоненти UI библиотека, която не предоставя никакви вградени компоненти. През годините компаниите и разработчиците са инвестирали много време и пари в разработването на UI компоненти, базирани на VanillaJS или различни рамки. Изграждането на компоненти отнема време, крие рискове за интегриране и поддръжка и най-лошото от всичко, отвлича вниманието на разработчиците от поставената задача – всъщност изграждането на приложението. В тази презентация ще научите как бързо и лесно да „реактивирате“ вашите съществуващи JavaScript компоненти, за да ги използвате в React приложения.

Алмеро Стейн: Inclusive React — Ръководство за оцеляване

Заседнал в джунгла от недостъпен код? Този швейцарски армейски нож от съвети и инструменти ви дава това, от което се нуждаете, за да преодолеете предизвикателствата и да направите приложенията си достъпни за всички потребители.

Истории на ужасите

Радослав Станков: Как се справяме с DDoS с SSR

Историята е за това как екипът на Product Hunt DDOS’s се самооправда за около година заради начина, по който са изградили своя SSR React сървър.

Сара Виейра: Публично говорене – колко лошо може да бъде

Първият разговор на Сара в конференцията не мина точно по план.

Дейвид Картър и Саймън Дъдли: The Tell-Tale Metric: Replatforming with Edgar Allan Poe

Покъртителен разказ за трагедия и нещастие: как едногодишен опит да се превърне интерфейсът на React SPA в монолитна мобилна платформа, обслужваща много милиони потребители, почти се срина в пропастта. Пригответе се за всички тръпки, втрисания и грешки, на които някой може да се надява. Предупреждение: приказката може да се римува.

Phil Plückthun: Странна физика на играта в разума и научените уроци

Reason е страхотен за много неща, но нека Фил ви преведе през една история за това как се опитвате да напишете 2D двигател по физика за малко под 8 часа (Бяха направени грешки), кои строго въведени езици не ви предпазват и визия за това, което бихте могли да изградите с разум или преработка. Универсалното бъдеще идва и Reason се ориентира точно с проекти като bsb-native.