-
Паттерн MVC на клиенте
MVC – паттерн разделения приложения на 3 основных компонента: модель (Model), представление (View), контроллер (Controller).
MVC паттерн был впервые описан Трюгве Реенскаугом в 1978 году. Который изначально использовался для построения графических приложений. Со временем этот паттерн перешел и в веб-приложения. Сначала MVC пришел на серверную сторону с такими фреймворками Ruby and Rails и ASP.NET MVC Framework. В конце концов стал применяться и на клиентской части, для управления сложностью и широтой функциональности. На данный момент имеется иерархия моделей на базе MVC: MVC, MVP, MVVM.
-
Разработка на React. JSX
Ранее мы создавали React элемент при помощи следующего синтаксиса:
React.createElement('h1', null, 'heading');
Это не подходит, если ведется разработка большого приложения со сложным интерфейсом. Используя только этот синтаксиc разработка сильно замедлится, так как он слишком многословен. Поэтому компания Facebook представила синтаксис JSX (JavaScript Syntax Extension), который сильно напоминает язык разметки HTML, но по факту это расширение JavaScript.
-
Разработка на React. Установка
Человека связанного с современным фронтендом, чаще всего, отпугивает не сложность фреймворка, а сложность его конфигурации. К счастью, в мире React все не так страшно, как кажется. В этой части рассмотрим несколько путей быстрой инициализации минимального React-приложения.
-
Разработка на React. Функциональное программирование
Продолжая серию статей о React, поговорим о функциональной парадигме программирования, так как React и Flux основаны на функциональных методах.
Функциональное программирование одна из “горячих” тем из мира JavaScript. Но как раздел дискретной математики и парадигма программирования существует еще с давних пор. Функциональному, как правило, противопоставляется императивный подход к программированию.
-
Отладка на локальных устройствах приложений под webpack-dev-server
Почти каждый разработчик использовавший webpack-dev-server сталкивался с проблемой отладки локального приложения на мобильных или прочих устройствах находящимися под NAT. На гугл-просторах каждый вторит о дополнительном параметре
--host 0.0.0.0
илиlocalhost
для запускаwebpack-dev-server
и то, что после этого приложение будет доступно по локалной сети.