<commit_before>---
layout: post
title:  "Разработка на ReactJS. Введение"
date:   2018-02-04 14:55:32 +0300
category: Frontend
author: "<NAME>"
image: "/assets/react_lessons_intro.png"
image_alt: ""
tags: [React, ReactJS, Redux, Lessons]
description: "Этой публикацией я открываю цикл статей по изучению ReactJS в связке с Redux, применяя функциональный подход программирования"
---

Этой публикацией я открываю цикл статей по изучению React в связке с Redux, применяя функциональный подход программирования. 
Особенностью этих статей является то, что я, на данный момент, имею весьма смутное представление о данном JS-фреймворке. В процессе его изучения я буду делиться полученными знаниями, замечаниями, возникшими трудностями.
<!-- more -->

Статьи будут ориентированы на людей, имеющих знания в HTML, JS, и, хотя бы, малый опыт разработки SPA приложений.

### Что такое React ###

*[ReactJS](https://reactjs.org/ "React - A JavaScript library for building user interfaces")* – js библиотека, на данный момент, является самым популярным фреймворком для разработки пользовательских интерфейсов. 

На рисунке ниже представлен график отражающий количество скачиваний популярных фреймворков за последние 6 месяцев.

{:.center}
![Количество скачиваний популярных фреймворков за последние 6 месяцев](https://blog.zverit.com/assets/npmtrends_frameworks.png)

Главными ее преимуществами является его простота и скорость выполнения. Эти и остальные преимущества рассмотрим в следующих публикациях.


Основоположником React является сотрудник компании Facebook – *[<NAME> (<NAME>)](https://github.com/jordwalke "<NAME> - GitHub")*. Впервые применился в 2011 году, и в мае 2013 стал проектом с открытым кодом. В 2015 открывается его новое направление на кроссплатформенную разработку мобильных приложений – React Native, о котором мы отдельно поговорим.
И не так давно был представлен проект для создания интерактивных веб-сайтов с поддержкой VR-технологий.


Сейчас React применяется на крупных коммерческих проектах, включая Facebook и Instagram. Эта библиотека пригодна к масштабируемым SPA приложениям. И тем не менее React прост в изучении и применении.


React является открытым проектом, код которого можно посмотреть в *[официальном репозитории GitHub](https://github.com/facebook/react "Официальный репозиторй ReactJS")*. Также можно ознакомиться с официальной документацией на *[официальном сайте](https://reactjs.org/ "Официальный сайт ReactJS")*.

**[Подписаться на блог](#subscribe "Подписаться на рассылку")**<commit_msg>fix post<commit_after>---
layout: post
title:  "Разработка на ReactJS. Введение"
date:   2018-02-04 14:55:32 +0300
category: Frontend
author: "<NAME>"
image: "/assets/react_lessons_intro.png"
image_alt: ""
tags: [React, ReactJS, Redux, Lessons]
description: "Этой публикацией я открываю цикл статей по изучению ReactJS в связке с Redux, применяя функциональный подход программирования"
---

Этой публикацией я открываю цикл статей по изучению React в связке с Redux, с применением функционального подхода программирования. 
Особенностью этих статей является то, что я, на данный момент, имею весьма смутное представление о данном JS-фреймворке. То есть, изучая его, буду поэтапно делиться полученными знаниями, замечаниями, возникшими трудностями.
Также постараюсь искать и описывать Best Parctice основных задач.
<!-- more -->

Статьи будут ориентированы на людей, имеющих знания в HTML, JS, и, хотя бы, малый опыт разработки SPA приложений.

### Что такое React ###

*[ReactJS](https://reactjs.org/ "React - A JavaScript library for building user interfaces")* – js библиотека, на данный момент, является самым популярным фреймворком для разработки пользовательских интерфейсов.

На рисунке ниже представлен график (на основе данных с [npmtrends.com](http://www.npmtrends.com "npmtrends.com") отражающий количество скачиваний популярных фреймворков за последние 6 месяцев. 

{:.center}
![Количество скачиваний популярных фреймворков за последние 6 месяцев](https://blog.zverit.com/assets/npmtrends_frameworks.png)

Но глупо сравнивать по функционалу MVC ориентированные фреймворки, с фреймворком (React), который отвечает всего лишь за представление(View). Поэтому, далее не будет сравнительной оценки с Angular, Vue и т.д.

Главными ее преимуществами React является его простота и скорость выполнения. Эти и остальные преимущества подробно рассмотрим в следующих публикациях.


Основоположником React является сотрудник компании Facebook – *[<NAME> (<NAME>)](https://github.com/jordwalke "<NAME> - GitHub")*. Впервые применился в 2011 году, и в мае 2013 стал проектом с открытым кодом. В 2015 открывается его новое направление на кроссплатформенную разработку мобильных приложений – React Native, о котором мы отдельно поговорим.
И не так давно был представлен проект для создания интерактивных веб-сайтов с поддержкой VR-технологий.


Сейчас React применяется на крупных коммерческих проектах, включая Facebook и Instagram. Эта библиотека пригодна к масштабируемым SPA приложениям. И тем не менее React прост в изучении и применении.


React является открытым проектом, код которого можно посмотреть в *[официальном репозитории GitHub](https://github.com/facebook/react "Официальный репозиторй ReactJS")*. Также можно ознакомиться с официальной документацией на *[официальном сайте](https://reactjs.org/ "Официальный сайт ReactJS")*.

**[Подписаться на блог](#subscribe "Подписаться на рассылку")**
{'fraction_non_alphanumeric': 0.07478356971818015, 'fraction_numerical': 0.011788543009762387, 'mean_word_length': 5.613885505481121, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 13, 'https://': 10, 'lorem ipsum': 0, 'www.': 1, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6073128', 'n_tokens_mistral': 2057, 'n_tokens_neox': 2466, 'n_words': 630}