Рубрики
App JS React Native Фронтенд

Context в React

useContext

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

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

Рубрики
App JS React Native Sass Фронтенд

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

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

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

src\modules

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

Рубрики
App React Native React+Laravel Роут

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

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

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

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

Директивы

Vue.js — директивы

let sample = new Vue({
el: '.sample', data: {
VAR:false,
numbers:[]//для v-for
}
});

<div class="sample">...</div>
Рубрики
React Native Visual Studio Code

Создание Проекта

Установка Expo в Visual Studio Code
Terminal > New Terminal


Создание проекта в EXPO

Состав Проекта

Assets Read More папка хранит img файлы (иконки, шрифты и т.д.) Read Less


node_modules Read More содержит все пакеты для проекта Read Less

.gitignore Read More содержит файлы, которые будут проигнорированы, если проект погружается в репозиторий Read Less

App.json Read More описывает характеристики, относительно вашего проекта (имя,версия,ориентация) Read Less

package-lock.json Read More описание зависимостей в проекте Read Less

Рубрики
WorldPress

Добавить breadcrumbs в WordPress

  1. Установить плагин flexy_breadcrumb в WordPress

2. Редактор тем > Файлы темы > header.php >

<?php echo '<div>'.do_shortcode( 'шорткод').'</div>'?>
Рубрики
CSS WorldPress

Блок Форматированный

пример форматированного блока с кодом в новой записи WordPress
//форматированный блок с длинным кодом оформить с ползунками. В WorlPress Настроить\Дополнительные стили добавить css код для класса code1
.code1
{
 font-size:1.4rem;
}
Рубрики
JavaScript WorldPress

Как изменить размер шрифта Заголовка h1,h2

//Добавить код в ПЛАГИНЕ WordPress в раздел footer
function fun(t,val)
 {
 var arr=document.getElementsByTagName(t);
 for (var i = 0; i < arr.length; i++) {
     arr[i].style.fontSize=val;
 }    
}
fun("h1","5.4rem");
fun("h2","5.4rem");