Fork me on GitHub

Other articles

  1. JS: cookbook

    Определение при прокрутке вниз страницы с помощью Javascript

    window.onscroll = function()
{
var scrollHeight, totalHeight;
scrollHeight = document.body.scrollHeight;
totalHeight = window.scrollY + window.innerHeight;

if(totalHeight >= scrollHeight)
{
console.log("at the bottom");
}
}

    ​

    read more

  2. React.js - Redux - внешний контейнер состояния для JavaScript-приложений.

    Redux

    это инструмент управления как состоянием данных, так и состоянием интерфейса в JavaScript-приложениях. Он подходит для одностраничных приложений, при росте которых управление состоянием со временем становится сложным.

    Redux предлагает хранить все состояние приложения в одном месте, называемом «store» («хранилище»).

    Компоненты «отправляют» изменение состояния в хранилище, а не напрямую другим компонентам …

    read more

  3. Полезные плагины VSCode для Frontend

    • Prettier — JavaScript formatter

    Этот плагин позволит нам делать форматирование кода при нажатии shift + alt + f, а также настроить форматирование при сохранении файла. Для этого нужно открыть настройки vs code и установить true для опции editor.formatOnSave.

    • ESLint

    Этот плагин будет подсвечивать ошибки и выводить их в нижней панели.

    • Babel ES6 …
    read more

  4. React.js - что это?!

    Полезные ссылки

    Дополнительные библиотеки

    • classnames - A simple JavaScript utility for conditionally joining classNames together.  ( yarn add classnames )

    Create-React-App

    npm i -g create-react-app

npm
npm init react-app my-app

Yarn
yarn create react-app my-app

npm start   - запуск приложения
npm run eject

    При возникновении ошибки react-scripts …

    read more

  5. Saas - организация проекта, компиляция

    Полезные ссылки

    Организация CSS-файлов: шаблон "7-1"

    Правила:

    • Все файлы с SCSS-фрагментами надо разместить в 7 разных папках.

    • Все эти файлы нужно импортировать в один файл, main.scss, расположенный в корневой директории, в которой лежат все эти папки.

    Папки

    • base: в этой папке надо разместить …

    read more

  6. JavaScript (HTML+CSS) и даже TypeScript

    JavaScript

    Асинхронность

    Полезные библиотеки

    read more

  7. Настройка рабочего окружения для JavaScript

    Настройка ESLint и Prettier в VS Code

    Чтобы Pretier заработал автоматически нужно в настройки VS Code прописать:

    // Set the default
"editor.formatOnSave": false,
// Enable per-language …
    read more

social