Сайт: https://nextjs.org
npx create-next-app <Название проекта>cd <Название проекта>Запуск в режиме разработки:
npm run devNext.js
Разработал программку для управления базами PostgreSql
Выпустил программку для управления базами данных PostgreSql
Версия: 0.1.0
При помощи нее можно создать структуру базы, ввести или откоректировать данные в базе. В ней конечно не все функции которые есть в PostgreSql, по мере необходимости буду добавлять.
Для Виндовс: https://yadi.sk/d/vu0gtAGEAEkOsQ
Для Mac: https://yadi.sk/d/TIVuvTIrKcTw9g
Дружим Create-React-App и Electron
- Запускаем create-react-app
npx create-react-app nazvanie_projecta2. Входим в папку
cd nazvanie_projecta3. Устанавливаем Electron
npm install electron --save-devИспользование SVG иконок в React
Оптимально для использования SVG иконок в React создать новый компонент.
Например такая структура:
src
components
Icons
Icons.js
icons.svg
index.js
App.jsWebpack – внешний доступ к модулям
Добавляем в файл home.js – exports
Читать далее →Webpack простой конфиг
JS – DOM
Поиск элементов
document.getElementById('auth')getElementById – Ищет элемент в HTML по id. Возвращает [object HTMLFormElement]
Читать далее →PostgreSQL создание, удаление, изменение таблиц
Создание таблицы:
CREATE TABLE products (
product_no integer,
name text,
price numeric
);Electron – для разработки нативных приложений
Electron – фреймворк , разработанный GitHub. Позволяет разрабатывать нативные графические приложения для настольных операционных систем с помощью веб-технологий. Фреймворк включает в себя Node.js для работы с back-end и библиотеку рендеринга из Chromium.
Читать далее →CSS flex
Flexbox определяет набор свойств, для контейнера и его дочерних элементов.
В начале добавляем контейнеру display: flex, например так:
index.html:
<div class="container">
<div class="header"></div>
<div class="main"></div>
<div class="footer"></div>
</div>style.css:
.container {
display: flex;
}