Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «redux»
Введение в React и Redux для бекенд-разработчиков 2017-04-11 01:40:08
... WTF: react, flux redux, webpack, babel,… не ...
+ развернуть текст сохранённая копия
Если вы как я долгое время считали, что JavaScript – это такой «игрушечный» язык на котором пишут анимашки для менюшек и падающий снежинки на форумах под новый год, а потом очнулись в 2016 году с мыслями WTF: react, flux redux, webpack, babel,… не отчаивайтесь. Вы не одиноки. Материалов по современному фронтенду в сети много, даже слишком много. Под катом альтернативное мнение о том, каково это учить JavaScript в 2016 году.
стань модным
Тэги: babel, javascript, npm, react, reactjs, redux, веб-сайтов, разработка
Create React App (aka React Scripts) и серверный рендеринг с Redux и Router 2017-03-16 09:34:58
... ). Поэтому если используется Redux, то придется для ...
+ развернуть текст сохранённая копия
Из комментариев к статье стало понятно, что очень многие люди склоняются в сторону экосистемы 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, веб-сайтов, клиентская, оптимизация, разработка
Что взять за основу React приложения 2017-03-10 04:02:57
Каждый раз начиная писать React приложение, вы так или иначе выберите какой-то вариант:
...
+ развернуть текст сохранённая копия
Каждый раз начиная писать React приложение, вы так или иначе выберите какой-то вариант:
- копи-паст вашего предыдущего проекта
- какой-то бойлерплейт или даже генератор (типа Yeoman)
- готовый фреймворк не требующий конфигурации
- пишете сами все с нуля
Каждый из способов имеет свои сильные и слабые стороны, как на длинной, так и на короткой дистанции.
Некоторые решения скрывают сложность в начале, позволяя сделать быстрый старт. Это что-то вроде решения под ключ, но в результате такие решения могут оказаться недостаточно гибкими и сложными в подстройке. С другой стороны, в начале все может казаться слегка монструозным и неповоротливым, и чтоб начать нужно немного повозиться, но зато потом преимущества станут очевидными. Всегда есть возможность сделать все с нуля, ровно так, как хочется, но в таком случае Вы будете отвечать за бесчисленные аспекты и Вам потребуются очень глубокие знания во всех участвующих технологиях. Читать дальше →
Тэги: electrode, javascript, next.js, node.js, react, reactjs, redux, server-rendering, webpack, веб-сайтов, клиентская, оптимизация, разработка
«Hello, (real) world!» на php в 2017 году 2017-02-20 10:48:06
+ развернуть текст сохранённая копия
Вы наверняка думаете, что писать на php — это просто. И «hello, world» выглядит примерно так так:
<?php
echo 'Hello, world!';
Конечно, чего еще ожидать от языка с низким порогом входа. Ну да, именно так и было раньше. Много лет назад. Но теперь, в 2017 году никто так уже не делает. Давайте рассмотрим, почему, и попробуем построить наше более реалистичное hello-world приложение по шагам, а их, скажу сразу, получилось не мало.
Читать дальше →
Тэги: hello, java, javascript, npm, php, react, reactjs, redux, symfony, webpack, world, веб-сайтов, разработка
json-api-normalizer: легкий способ подружить Redux и JSON API 2017-01-04 13:28:34
... " alt="JSON API + redux"/>
+ развернуть текст сохранённая копия
В последнее время набирает популярность стандарт JSON API для разработки веб-сервисов. На мой взгляд, это очень удачное решение, которое наконец хоть немного стандартизирует процесс разработки API, и вместо очередного изобретения велосипеда мы будем использовать библиотеки как на стороне сервера, так и клиента для обмена данными, фокусируясь на интересных задачах вместо написания сериалайзеров и парсеров в сто первый раз.
Читать дальше →
Тэги: api, elixir, javascript, json, node.js, phoenix, react.js, reactjs, redux, web-разработка, веб-сайтов, разработка
Главная / Главные темы / Тэг «redux»
|
Взлеты Топ 5
Падения Топ 5
|