Javascript & Ajax \ React

Разработка React JS — Настройка среды

От автора: в этой главе мы покажем, как создать среду для того, чтобы разработка React js была успешной. Обратите внимание, что существуют также дополнительные этапы, которые позже помогают ускорить процесс разработки. Нам понадобится NodeJS, поэтому, если вы его не установили, по ссылке ниже вы сможете узнать, как это сделать.

Продолжить чтение

Javascript & Ajax \ React

Разработка React JS — Основы

От автора: как и при изучении любых других инструментов разработки, в случае с React JS основы необходимо понять в первую очередь. ReactJS — это библиотека JavaScript, используемая для создания многократно используемых компонентов пользовательского интерфейса.

Продолжить чтение

Javascript & Ajax \ React

Учебник по ReactJS

От автора: представляем учебник по React JS. React — это интерфейсная библиотека, разработанная Facebook. Она используется для обработки уровня представления для веб- и мобильных приложений. ReactJS позволяет создавать повторно используемые компоненты пользовательского интерфейса. В настоящее время это одна из самых популярных библиотек JavaScript, которая поддерживается многочисленным сообществом.

Продолжить чтение

Javascript & Ajax \ React

React - это не новый JQuery

От автора: это был тихий субботний день, когда я столкнулся с постом: React — это новый JQuery. Я чувствовал, что в нем было много недопонимания, и я подумал, что попытаюсь разрешить некоторые из поднятых вопросов.

Продолжить чтение

Javascript & Ajax \ React

Как использовать Bootstrap с React

От автора: с ростом популярности одностраничных приложений за последние несколько лет появилось много интерфейсных JavaScript-фреймворков, таких как Angular, React, VueJS, Ember, этот список можно продолжить. В результате использование DOM-библиотек, таких как jQuery, больше не является необходимым требованием для создания веб-приложений. С другой стороны, появилось несколько фреймворков CSS, которые помогут удовлетворить требования построения адаптивных веб-приложений. Почти каждый разработчик интерфейса должен либо использовать, либо слышать о Bootstrap, Foundation или Bulma, каждый из которых представляет собой адаптивную (мобильную) структуру CSS с надежными функциями и встроенными утилитами.

Продолжить чтение

Javascript & Ajax \ React

Создание многоразовых компонентов React

От автора: обычно в чистом JavaScript когда вы хотите повторно использовать какой-то код, вы пишете его как функцию. В React, однако, вы пишете свой код как компонент. В этом посте я покажу, как мы можем создавать пользовательские повторно используемые React компоненты и делиться ими между приложениями. Я также рассмотрю некоторые из лучших практик, которые, как я думаю, помогут создать улучшенные повторно используемые компоненты React.

Продолжить чтение

Javascript & Ajax \ React

Создание форм с помощью React – все что нужно знать

От автора: формы являются неотъемлемой частью любого современного приложения. Они служат основным средством взаимодействия пользователей с вашим приложением. Разработчики полагаются на формы для всего: безопасный вход в систему пользователя, поиск и фильтрация списка продуктов, бронирование продукта и построение корзины и т. Д. Более сложные приложения, созданные для предприятий, обычно более интенсивно заполняются, при этом поля ввода охватывают несколько вкладок. Кроме того, нужно учесть и развернуть логику проверки.

Продолжить чтение

Javascript & Ajax \ React

Управление состоянием в React с помощью Unstated

От автора: по мере усложнения вашего приложения управление состоянием может стать утомительным. В React состояния компонента должны быть самодостаточными, что делает затруднительным передачу состояния между несколькими компонентами. Redux представляет собой передовую библиотеку для управления состоянием в React, однако, в зависимости от того, насколько сложна ваша программа, вам может Redux и не понадобится.

Продолжить чтение

Javascript & Ajax \ React

Что React Context API может сделать для вас? Многоязычный текст, модальные элементы и переключатели темы

От автора: я ленив, по умолчанию. Изучение чего-то нового требует усилий и времени. Поэтому я всегда начинаю с вопроса: «Почему я должен это изучать? Как этот (нужное подчеркнуть) фреймворк, библиотека, язык программирования облегчат мою жизнь? «

Продолжить чтение

Javascript & Ajax \ React

7 самых распространенных ошибок разработки, которые допускают начинающие в React

От автора: недавно мне пришлось вести семинар по React для разработчиков из компании, с которой я работаю. Некоторые из них были новичками, другие — опытными back-end разработчиками, но, к моему удивлению, выяснилось, что для обеих этих категории людей существуют некоторые общие шаблоны проблем, из-за которых усложняется React разработка. Итак, я решил составить список этих распространенных ошибок, надеясь, что это убережет вас в какой-то момент от разочарований, когда вы впервые приступите к изучению React.

Продолжить чтение