Рубрики
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
    выгружать готовую сборку на сервер