Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «rashad»
[Из песочницы] Создание веб-приложений с помощью Scala.js и React — часть 1 2017-03-18 11:15:09
Перевод статьи Pedro Palma Ramos "Building Web applications with Scala.js and React — Part 1 ...
+ развернуть текст сохранённая копия
Перевод статьи Pedro Palma Ramos "Building Web applications with Scala.js and React — Part 1"
Мне, как Scala-программисту, разрабатывающему веб-приложения, обычно неприятен переход от аккуратного, функционального и типобезопасного Scala бэкенда к фронтенду, написанному на JavaScript. К счастью, существует мощная и зрелая альтернатива нашему (не всегда) любимому стандартному языку для Web.
Scala.js — это реализация Scala за авторством Sébastien Doeraene, которая компилирует код Scala в JavaScript, а не в байт-код JVM. Она поддерживает полную двустороннюю функциональную совместимость между Scala и JavaScript-кодом и, следовательно, позволяет разрабатывать фронтенд веб-приложения на Scala с использованием библиотек и фреймворков JavaScript. Она также способствует уменьшению дублирования кода по сравнению с обычным веб-приложением на Scala, поскольку позволяет повторно использовать на фронтэнде модели и бизнес-логику, разработанные для серверной части.
React, с другой стороны, представляет собой веб-фреймворк для создания пользовательских интерфейсов в JavaScript, разработанный и поддерживаемый Facebook и другими компаниями. Он способствует чистому разделению между обновлением состояния приложения в ответ на пользовательские события и визуализацией представлений на основе указанного состояния. Поэтому фреймворк React особенно подходит для функциональной парадигмы, которая используется при программировании на Scala. Читать дальше →
Тэги: react.js, reactjs, scala, scala.js, веб-сайтов, разработка
Create React App (aka React Scripts) и серверный рендеринг с Redux и Router 2017-03-16 09:34:58
Из комментариев к статье стало понятно, что очень многие люди склоняются в сторону экосистемы ...
+ развернуть текст сохранённая копия
Из комментариев к статье стало понятно, что очень многие люди склоняются в сторону экосистемы Create React App (он же React Scripts). Это вполне разумно, т.к. это самый популярный и простой в использовании продукт (благодаря отсутствию конфигурации и поддержке ведущих людей React-сообщества), в котором, к тому же, есть почти все необходимое — сборка, режим разработки, тесты, статистика покрытия. Не хватает только серверного рендеринга.
В качестве одного из способов в официальной документации предлагается либо вбивать начальные данные в шаблон либо воспользоваться статическими слепками. Первый подход не позволит поисковикам нормально индексировать статичный HTML, а второй — не поддерживает проброс никаких начальных данных, кроме HTML (фраза из документации: this doesn't pass down any state except what's contained in the markup). Поэтому если используется Redux, то придется для рендеринга использовать что-то другое.
Я адаптировал пример из статьи для использования с Create React App, теперь он называется Create React Server и умеет запускать серверный рендеринг командой:
create-react-server --createRoutes src/routes.js --createStore src/store.js
Читать дальше →
Тэги: apps, express, isomorphic, node.js, react, react-router, reactjs, redux, universal, веб-сайтов, клиентская, оптимизация, разработка
Третья ежегодная конференция JavaScript-разработчиков в Одессе — JS Lab 2017-03-13 15:13:17
< ...
+ развернуть текст сохранённая копия
25 марта в Одессе пройдет третья ежегодная конференция JavaScript-разработчиков — JSLab.Наша команда FlyElephant помогает с организацией этой конференции и приглашает всех принять участие в ней.
Хочешь расширить свой кругозор и выйти за пределы своих ежедневных JavaScript задач? У тебя есть эта возможность. В этом году на JS Lab тебя ждет: 200 front-end и back-end JS-разработчиков из Украины и ближнего зарубежья; два потока состоящие из 12 докладов по 45 минут и 8 блиц-докладов по 10 минут; темы затрагивающие фронтенд, бекенд, виртуальную реальность, разработку игр, тестирование и все это на JavaScript.
Среди докладов, можно отметить следующие:
Читать дальше →
Тэги: flyelephant, html, javascript, jslab, phaserjs, react, reality, virtual, блог, веб-сайтов, компании, конференция, программирование, разработка
Дайджест свежих материалов из мира фронтенда за последнюю неделю №253 (6 — 12 марта 2017) 2017-03-12 23:58:05
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области ...
+ развернуть текст сохранённая копия
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.
Читать дальше →
Тэги: angular, css, es6, group, html, html5, javascript, react, vue, zfort, блог, браузеры, веб-сайтов, дайджест, компании, разработка, ссылки, фронтенд
Что взять за основу React приложения 2017-03-10 04:02:57
Каждый раз начиная писать React приложение, вы так или иначе выберите какой-то вариант:
...
+ развернуть текст сохранённая копия
Каждый раз начиная писать React приложение, вы так или иначе выберите какой-то вариант:
- копи-паст вашего предыдущего проекта
- какой-то бойлерплейт или даже генератор (типа Yeoman)
- готовый фреймворк не требующий конфигурации
- пишете сами все с нуля
Каждый из способов имеет свои сильные и слабые стороны, как на длинной, так и на короткой дистанции.
Некоторые решения скрывают сложность в начале, позволяя сделать быстрый старт. Это что-то вроде решения под ключ, но в результате такие решения могут оказаться недостаточно гибкими и сложными в подстройке. С другой стороны, в начале все может казаться слегка монструозным и неповоротливым, и чтоб начать нужно немного повозиться, но зато потом преимущества станут очевидными. Всегда есть возможность сделать все с нуля, ровно так, как хочется, но в таком случае Вы будете отвечать за бесчисленные аспекты и Вам потребуются очень глубокие знания во всех участвующих технологиях. Читать дальше →
Тэги: electrode, javascript, next.js, node.js, react, reactjs, redux, server-rendering, webpack, веб-сайтов, клиентская, оптимизация, разработка
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...
Главная / Главные темы / Тэг «rashad»
|
Взлеты Топ 5
Падения Топ 5
|