Рубрики
MobX React React основы

Иммутабельность данных

YouTube

  • концепция связана с тем, что если у нас есть какие то данные, например какой то объект или сложенная вложенная структура то в ней ключи или вложенные ключи или вообще данные не изменяются никогда
  • если мы хотим создать новую структуру мы должны создать новый объект и допустим в массиве подменить по ключику старый объект на новый
  • текущую структуру данных изменять никогда нельзя, и поэтому мы должны, не трогая структуру данных, создать хотя бы новый объект для начала
Рубрики
JavaScript React React Native React основы

Инструмент JSX

JSX
является синтаксическим сахаром

плагин от bable
можно использовать независимо от React
можно указать другое название функции которое парсит JSX будет использовать (не обязательно React.createElement)

Рубрики
React React-project

Вывод видео на экран

ReactPlayer

пакет для отображения видео

npm i react-player
  • проброс видео с youtobe
  • проброс статического видео
    хранение в public
Рубрики
React React-project

Вынос дублированных элементов в общий блок

смысл слоя

весь повторяющийся контент будем пробрасывать в любое место, где нам нужно его использовать. Тот контент, который будет внутри этого слоя будем передавать через {children}

src\layouts
создание директории

Рубрики
JavaScript Laravel React React-project

Соединение React c Laravel

OpenServer

установка laravel в локальный сервер через терминал

Рубрики
App CSS React React-project

Стилизация компонентов в React

styled-components
библиотека

Установка библиотеки через терминал

npm install --save styled-components

packge.json
добавляется библиотека

"dependencies":{
...
"styled-components":"^5.2.1",
...
}
Рубрики
ajax App Mockon React React-project Фронтенд

Запросы к Серверу в React

Mockon

сервис программа для эмуляции сервера

Рубрики
App JS фреймворки React React-project Фронтенд

Context в React

useContext

данные, которые получаем достаточно небольшие

глобальное состояние, к которому можно обратится в любом месте приложения.

Рубрики
App JS фреймворки React React-project Sass Фронтенд

Разворачивание интерфейсов в приложении на React

подключение стилизации
два способа

  • через модули SASS
  • через сторонние библиотеки
    (например react-rating-stars-component)

src\modules

папка хранит глобальные компоненты, которые используются во всём проекте и имеют какую то логическую составляющую, какой то функционал

Рубрики
App Laravel+Vue3 project React React-project Роут

Разворачивание Роутинга в приложении на React

  • PhpStorm
    среда разработки
  • Node JS
    установка

имя проекта не должно содержать заглавные буквы
установка в терминале среды разработки Visual Studio Code

npx create-react-app name_project
библиотека react-router-dom
npm install react-router-dom
запуск приложения от react
npm start

Структура проекта React

  • public
    место где собирается проект
  • src
    место где пишется код
  • build
    выгружать готовую сборку на сервер