У вас включен AdBlock или иной блокировщик рекламы.

Пожалуйста, отключите его, доход от рекламы помогает развитию сайта и появлению новых статей.

Спасибо за понимание.

В другой раз
DevGang блог о програмировании
Авторизоваться
LegGnom

LegGnom

Как обслуживать приложения React с помощью NGINX и Docker 

Фото Джереми Томаса на Unsplash
Фото Джереми Томаса на Unsplash

Существует так много способов, которыми мы можем создавать приложения React и отправлять их в производство. Одним из способов является сборка React с NodeJS или Java, а другой способ - сборка приложения React и подача этого статического контента на веб-сервер NGINX. Когда мы строим с NGINX и докером, нам не нужно иметь дело с временем выполнения сервера или кодом, связанным с сервером. NGINX все, что нам нужно, чтобы собрать приложение для prod и обслуживать сгенерированный статический контент на сервере.

В этом посте мы увидим подробности и реализацию второго подхода. Мы пройдем шаг за шагом с примером.

Как улучшить производительность JavaScript 

За последние несколько лет JavaScript стал одним из ведущих языков сценариев, и большинство разработчиков используют его. JavaScript есть везде - как на стороне клиента, так и на стороне сервера. Это также один из самых популярных языков, используемых на GitHub.

API браузера Timing Navigation - Отслеживайте и улучшайте производительность веб-сайта в JavaScript 

API навигации хранит записи производительности в буфере записи производительности. Проще говоря, это означает, что они хранят показатели производительности для страниц и ресурсов в списке, доступном для JavaScript. Эти методы существуют в пространстве имен window.performance.

Electron и Typescript - Приложение для просмотра файлов на рабочем столе 

Библиотека Electron проста в использовании для нативных настольных приложений со знанием веб-технологий. Если вы новичок в Electron и нуждаетесь в представлении, ознакомьтесь с этой статьей. В этой статье мы собираемся создать собственный файловый менеджер с возможностью просмотра нескольких папок или файлов одновременно. Мы будем использовать TypeScript поверх библиотеки Electron.

Как масштабировать WebSocket? 

Как разработчик, вы, вероятно, знаете разницу между вертикальным и горизонтальным масштабированием. Но если у вас нет большого опыта работы с протоколом WebSocket, вы можете не осознавать, что горизонтальное масштабирование для него не так просто, как с обычным REST API. В этом руководстве мы узнаем, как масштабировать серверы WebSocket, на простых практических примерах.

Когда мы начинаем думать о разработке приложения, мы обычно сначала сосредотачиваемся на MVP и наиболее важных функциях. Это нормально, если мы понимаем, что в какой-то момент нам нужно будет сосредоточиться на масштабируемости . Для большинства REST API это довольно просто. Однако, когда дело доходит до WebSockets, это совсем другая история.

Использование React Hooks в Gatsby

JavaScript рассматривает функции как первоклассных граждан. И мы можем увидеть это в React сейчас больше, чем когда-либо с введением Hooks в версии 16.8 Они учитывают манипуляции с состоянием и побочные эффекты на функциональные компоненты.

По своей сути, Gatsby использует ванильный React со всеми его функциями. Таким образом, это означает, что хуки доступны для использования с простым объявлением import. Давайте посмотрим на некоторые из способов, которыми мы можем воспользоваться ими.

Тайм-ауты HTTP-запросов в Go для начинающих 

Фото Хао Чжана на Unsplash
Фото Хао Чжана на Unsplash

Тайм-ауты - это одна из примитивных концепций надежности в распределенных системах, которая смягчает последствия неизбежных отказов распределенных систем, как упоминалось в этом твите.

styled-components, современный способ обработки CSS в React 

У большинства библиотек есть жизненный цикл. Они растут в популярности, а затем они заменяются лучшим решением.

Одна из библиотек на пике популярности - 💅 styled-components.

PyCharm 2019.3.2 

Обновление PyCharm IDE от 22.01.2020 

CSS: Почему вы должны использовать представление цвета в HSL? 

Когда вы стилизуете свои фронты, не имеет значения, используете ли вы CSS, Sass, styled-компоненты, emotion, CSS-модули или что-то еще. Вы часто используете HEX или RGB для определения цвета. Это неправильно? Ты можешь сделать это лучше? Да, в самом деле! В статье ниже я попытаюсь представить вам, почему стоит использовать цветовое представление HSL в CSS.

IF ELSE в Django шаблонах

Hello Word c Django

В этой статье мы узнаем, как разработать и запустить приложение python-Django менее чем за 5 минут. Необходимое условие: Python3.

5 Chrome DevTools функций, которые вы должны знать 

Фото Zan на Unsplash
Фото Zan на Unsplash

Google Chrome предоставляет надежный набор инструментов, встроенный прямо в браузер, который называется Chrome DevTools. Эти инструменты постоянно обновляются командой разработчиков Chrome, поэтому иногда стоит поискать на сайте DevTools, чтобы узнать, что нового.

Создание диаграмм в приложении Angular 7 с помощью Chart.js 

В этой статье мы обсудим, как создавать линейные, столбчатые и кольцевые диаграммы с помощью Angular 7 и Chart.js для создания лучшей визуализации ваших данных.

NPM против NPX - в чем разница? 

Если вы когда-либо использовали Node.js, то вы наверняка использовали npm.

npm (менеджер пакетов Node) - это менеджер зависимостей / пакетов, который вы получаете из коробки при установке Node.js. Это позволяет разработчикам устанавливать пакеты как глобально, так и локально.

Развертывание Spring Boot приложений на Heroku 

При разработке веб-приложения естественным шагом является его подключение к сети и предоставление его конечным пользователям. Чтобы сделать эту задачу проще, для размещения вашего приложения доступно множество облачных платформ - Heroku - одна из них.

Heroku предоставляет платформу в качестве службы для развертывания приложений различных технологических стеков, таких как Node, Java, Python и т.д. Она заботится обо всех сложных аспектах развертывания, инфраструктуры, масштабирования, обновления, безопасности и т.д. И позволяет нам сосредоточиться на логика приложения и предоставление большей ценности нашим конечным пользователям, а не развертывание.

Как написать тестируемый код | Методология Халила 

Понимание того, как писать тестируемый код, является одним из самых больших разочарований, которые у меня были, когда я закончил школу и начал работать на своей первой реальной работе.

LocalStorage vs sessionStorage 

Что интересного в них, так это то, что данные сохраняются даже после обновления страницы (для sessionStorage) и полного перезапуска браузера (для localStorage).

NodeJS: Управление тысячами задач с @pscraper/taskm

Каждый кодер должен испытать это, используя цикл for для обработки большого количества задач. Например, скачивание 999 999 999 изображений, удаление 999 веб-сайтов с форума. For-Loop хорош, если все идет хорошо, но всякий раз, когда возникает исключение (особенно задания, связанные с HTTP / Internet) и вызывает остановку программы. Как мы обычно имеем дело c Restart, и вы никогда не узнаете, когда удача придет и задача закончится.

Разница между созданием React приложений, рендерингом на стороне сервера и Gatsby

Может быть не очевидно, какой метод рендеринга вы хотите выбрать для своего приложения. В этой статье вы узнаете, в чем заключаются различия, чтобы вы могли принять обоснованное решение при создании следующего приложения React.

Как легко перейти с JavaScript на TypeScript 

В этой статье мы обсудим, как легко перейти с JavaScript на TypeScript, чтобы воспользоваться преимуществами гибкого, но строго типизированного языка.

Введение в Python Set Add() с примерами 

Python set add() - это встроенная функция, которая используется для добавления элемента в любой набор. Метод set add() добавляет данный элемент к набору, если элемент отсутствует в наборе. Если элемент уже присутствует в этом наборе, он не добавляет этот элемент, потому что, как мы знаем, в наборе нет повторяющихся значений.

Как добавить Google Tag Manager в приложение Angular 

Простое руководство по добавлению сервиса GTM в ваше Angular приложение

Скрытие элементов в вебе 

Благодаря нашей работе веб-разработчиков нам нужно скрывать элементы по многим причинам. Например, кнопка, которая должна быть видна в мобильном окне просмотра и скрыта в окне просмотра в декстопе. Или элемент навигации, который скрыт на мобильном устройстве и отображается в десктопе. При скрытии элемента существует три разных состояния:

Передача функции в качестве аргумента другой функции в Python 

Один из самых волнующих фактов, которые мы узнаем в этой статье, заключается в том, что вы можете передавать функции в другие функции. Вы можете передавать функции, потому что в Python функции являются объектами.

Скорее всего, вам не нужно знать об этом на первой неделе использования Python, но, углубившись в Python, вы обнаружите, что очень удобно понимать, как передавать функцию в другую функцию.

Введение в JavaScript символы 

В ES2015 введен новый примитивный тип с именем Symbol. Это уникальный и неизменный идентификатор. Как только вы создали его, его нельзя скопировать.

Персонализируйте свою Angular сборку с помощью Webpack 

Если вы являетесь frontend разработчиком, то есть хорошие шансы, что вы слышали или даже использовали Webpack. Процесс сборки Angular использует Webpack для решения многих задач, таких как преобразование файлов Sass в CSS и перенос TypeScript в JavaScript. 

WebAssembly & Transferable, идеальное совпадение 

В большинстве случаев мы запускаем код WebAssembly и Web Worker (или worker_thread в Node.js), чтобы предотвратить блокировку основного потока и поддержку адаптивного пользовательского интерфейса.

Введение в HTML элемент dialog

Диалоги часто используются в веб-приложениях. Они используются для отображения подтверждающих сообщений, оповещений и других вещей, которые подходят для всплывающих окон.

Как создавать страницы для печати с помощью CSS 

В этой статье мы рассмотрим искусство создания удобных для печати веб-страниц с помощью CSS.