Ми раді повідомити, що IT зустрічі у Avivi Academy розпочато! Відтепер кілька разів на місяць ми запрошуємо усіх бажаючих відвідати заходи по програмуванню, менеджменту та дизайну. Лекції та майстер-класи розраховані на новачків та досвідчених фахівців.
Перша лекція JS Meetup у Avivi Academy була про розробку мобільних додатків на мові програмування JavaScript та використання альтернативного способу розмітки в HTML.
Розпочав лекторій full stack - розробник, євангеліст мультифункціонального JavaScript — Андрій Шумада.
Андрій створює мобільні додатки для iOS за допомогою бібліотеки React Native. Доповідач із 10-річним стажем розробки.
Тема лекції: Мобільна розробка з React Native: один рік використання
Розпочинаючи лекцію про мобільну розробку з React Native, варто зрозуміти, що це таке та з чим його їдять. Бібліотека створена у 2015 році компанією Facebook. Поєднана із JavaScript, який можна використовувати всюди. Підходить для back end, front end та mobille app розробників.
Багатофункціональність нової бібліотеки дозволяє використовувати розширений інструментарій без знання Objective C+ та Java. Значним плюсом при роботі із React Native є відсутність використання WebView.
При використанні бібліотеки можна без зайвих зусиль підключити нативний елемент меню iOS. Застосовувати у вашому мобільному додатоку списки з фільтрами, настроювати передання файлів через вбудоване сховище бібліотеки React Native. Розробник, який працює над додатком, також може підключати синхронізації та оповіщення, впроваджувати підвищений захист майбутнього додатку. Приємним бонусом при роботі з бібліотекою стала можливість обрахування внутрішніх систем даних в оффлайн режимі.
«Користувачу зовсім не потрібно чекати на підключення до інтернету для перегляду таблиць чи банківських рахунків. Завдяки React Native додаток налаштовується на роботу без підключення до будь-яких мереж. І це очевидний плюс», — пояснює Андрій Шумада.
Ще одним очевидним плюсом, який відкривається через рік після використання, усвідомлення того, що непотрібно писати два окремих додатки для iOS та Android. У React Native код прописується одночасно. І цим самим він нагадує нативну верстку сайту.
Вагомим мінусом бібліотеки залишається неспроможність підтримувати певні платформи та модулі. Що значно знижує вбудовані можливості майбутнього мобільного додатку.
Суперможливості платформи надихнули команду Avivi Academy створити курс з програмування мобільних додатків на React Native.
Наступний ділився досвідом розробки лектор Микола Зарічнюк. Front end розробник у 2K Group, професійний викладач фронтенду із 6-річним досвідом у сфері.
Тема лекції: Альтернативний спосіб зібрати HTML розмітку
Поява альтернативних способів розробки розпочинається тоді, коли з’являється лінь. Принаймні так вважає Микола Зарічнюк. Його спосіб виник після багаторічних провальних та успішних експериментів із HTML розміткою. Розробник хотів отримати ідеальну комбінацію між чистим синтаксисом HTML та JS, згенерувати елементи в циклі та структурно розбити елементи. Ідеальним методом для поставлених вимог стало використання бібліотеки React. Завдяки їй можна писати незалежний модульний код, який легко підтримувати у майбутньому.
«Пишу код на React і розумію — це те що я хочу! Це чистий HTML в JSX. Єдина відмінність — інші атрибути», — розповідає Микола.
Виявилось, що для того, аби зрендерити чистий HTML, з компонентів достатньо викликати функцію renderToStaticMakeup і передати ряд компонентів.
Якщо верстати із таким альтернативним варіантом, відкриваються позитивні можливості для полегшення роботи розробника. У React можна створювати заготовки розмітки без постійного дубляжу коду.
«Компоненти React дозволяють написати обгортку і передати в неї потрібний контент».
Це пришвидшує та полегшує роботу в рази. Бібліотека відкриває ряд розширених можливостей, наприклад, ваш код буде у одному місці. Не потрібно витрачати час на пошуки потрібної інформації. Для використання альтернативної розмітки HTML не потрібно вивчати новий синтаксис. Достатньо просто знати мову JavaScript із мінімальним знанням JSX.
«Розробляючи сторіночки таким методом, версталищик розвивається. А це дуже важливо для тих, хто хоче отримувати більше. Треба рухатись вперед, вивчати JS, фреймворки», — наостанок додає лектор.
Під час івенту затяті фронтенди тамували жагу до знань кавою, бутербродами та романтичними історіями про верстку.
