Перейти к содержимому
Меню
  • Разработка
    •  Базы данных
    • DevOps
      • Docker
      • RabbitMQ
    • JavaScript
      • React js, учебник, документация
      • Angular 2 / Angular 4 / Angular 6
      • AngularJS учебник, уроки
    • PHP
      • DDD
      • Laravel
      • PHP Data Object/PDO
      • PHPUnit
    • Python
      • Flask
    • CSS
  • Маркетинг
    • SEO
      • e-commerce
    • SMM
    • Контент
  • Дизайн
    • Иконки
    • Шаблоны
      • PSD Шаблоны
  • Поиск
  • Разработка
    •  Базы данных
    • DevOps
      • Docker
      • RabbitMQ
    • JavaScript
      • React js, учебник, документация
      • Angular 2 / Angular 4 / Angular 6
      • AngularJS учебник, уроки
    • PHP
      • DDD
      • Laravel
      • PHP Data Object/PDO
      • PHPUnit
    • Python
      • Flask
    • CSS
  • Маркетинг
    • SEO
      • e-commerce
    • SMM
    • Контент
  • Дизайн
    • Иконки
    • Шаблоны
      • PSD Шаблоны

The Web Land

Больше чем web...

React js, учебник, документация

 

Установка React

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

В зависимости от вашего проекта вы можете выбрать свой способ установки. React доступен как пакет react в менеджере npm. А также доступен через CDN.

  • Установка React js
  • Попробовать React без установки
  • Создание нового приложения на React
  • Добавляем React в существующее приложение

Документация React js

Вы можете найти оригинальную документацию по React у них на сайте reactjs.org/docs.

Материалы по разработке веб приложений с reactjs

Вы можете улучшить официальную документацию отправив pull request в репозиторий.

React – JavaScript библиотека для построения пользовательских интерфейсов.

  • Декларативный: React помогает безболезненно создавать интерактивные пользовательские интерфейсы. Создавайте простые представления для каждого состояния вашего приложения, и React будет обновлять и отображать только нужные компоненты в которых изменились ваших данные. Декларативный подход делает ваш код более предсказуемым, легким в понимании и отладке.
  • Компонентно-ориентированный: Инкапсулированные компоненты, которые управляют своим состоянием, а затем скомпонуйте их для создания сложных пользовательских интерфейсов. Поскольку логика компонента написана в JavaScript коде, вместо шаблона, вы можете легко хранить множество данных в своем приложение и сохранять состояние вне вашего DOM дерева.
  • Изучи раз, Пиши где-угодно: Мы не делаем предположений о остальной части вашего технологического стека, поэтому вы можете создавать новые функции в React без изменения вашего существующего кода. React поддерживает рендеринг на стороне сервера (server side rendering) используя Node. Также на React можно писать мобильные приложения используя React Native.

Пример React js

class HelloMessage extends React.Component {
  render() {
    return <div>Hello {this.props.name}</div>;
  }
}

ReactDOM.render(
  <HelloMessage name="John" />,
  document.getElementById('container')
);

В этом примере показано как вывести “Hello John” в контейнер на странице.

Вы должный уже были заметить что мы использовали HTML-подобный синтаксис – который называеться JSX. Не обязательно использовать JSX в React, но он делает код более читабельным, а его написание схоже с HTML. Рекомендуется использовать  Babel с плагином e, and writing it feels like writing HTML. We recommend usingwith a React preset для конвертации JSX в нативный JavaScript для отображения в браузере.




Рубрики

  • Дизайн
    • Иконки
    • Шаблоны
      • PSD Шаблоны
  • Маркетинг
    • SEO
      • e-commerce
    • SMM
    • Контент
  • Разработка
    •  Базы данных
    • CSS
    • DevOps
      • AWS
      • Docker
      • RabbitMQ
    • JavaScript
      • Angular
      • angularjs
      • Reactjs
    • PHP
      • Laravel
      • PHP Data Object/PDO
      • PHPUnit
      • Symfony
    • Python
      • Flask
  • Юмор




Copyright © thewebland.net, 2014 - 2020 | КОПИРОВАНИЕ МАТЕРИАЛОВ САЙТА БЕЗ АКТИВНОЙ ГИПЕРССЫЛКИ НА ОРИГИНАЛ ЗАПРЕЩЕНО

This website uses cookies to provide you with the best browsing experience.

Find out more or adjust your settings.

The Web Land
Powered by  GDPR Cookie Compliance
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookies

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.

3rd Party Cookies

This website uses Google Analytics to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

Please enable Strictly Necessary Cookies first so that we can save your preferences!