Алексей Соин · zencod.ru
19 subscribers
165 photos
16 videos
4 files
1K links
Статьи по разработке

- frontend
- backend
- server

zencod.ru
Download Telegram
Forwarded from CodeCamp
Мечта: нашёл на GitHub гигантскую библиотеку команд Linux — там их больше 5000 страниц.

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

Ссылка на GitHub и на сайт проекта.
Изучите Suspense создавая хук useFetch

В своем блоге Слава Князев поэтапно создал хук useFetch для демонстрации того, как работает Suspense. Также автор показал, как сделать кэширование запросов, чтобы избежать частых запросов и рассинхрона данных.

В результате получился хук, который работает с Suspense и ErrorBoundary: если запрос находится в статусе pending, то покажется fallback Suspense, а если в запросе произойдет ошибка, то покажется fallback ErrorBoundary.


const useFetch = (url) => {
const { fetchUrl } = useContext(fetchCacheContext)
const promise = fetchUrl(url)
const state = readPromiseState(promise)

// Throw pending promise
const isPending = state.status === "pending"
if (isPending) throw promise

// Throw rejection reason
const error = state.reason
if (error) throw error

const data = state.value

// Allow refreshing data
const reload = () => fetchUrl(url, true)

// Only return data now
return [data, reload]
}


https://www.bbss.dev/posts/react-learn-suspense/
Forwarded from CodeCamp
Годнота: гении собрали все хоткеи в одну большую библиотеку.

Тут есть все: от ОС и браузеров, до VSCode и других IDE — сотни шпаргалок больше не нужны, ведь теперь всё лежит в одном месте.

Эта красота ещё и на русском языке, грех не сохранить.
Если необходимо создать npm пакет и гарантировать, что его смогут использовать все желающие, нужно, чтобы он поддерживал CommonJS (CJS) и ECMAScript Modules (ESM). Рассмотрим, как создать такой пакет используя TypeScript.

https://www.dev-notes.ru/articles/typescript/create-npm-package-commonjs-esm/

#TypeScript #JavaScript #npm
Forwarded from React JS
Интерактивная шпаргалка по CSS Grid

Все шпаргалки можно разделить на 3 категории: регулярки, css grid и всё остальное. В данном случае это — второй вариант.

Шпаргалка объёмная, можно на месте сравнить как будут отображаться те или иные варианты конфигурации.

Ссылка на шпаргалку

#шпаргалка #css

@react_tg
🎁 Docker-образ vjik/dev-php

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

Вся работа идёт внутри контейнера, который включает в себя:

• PHP с расширениями
• Composer
• GIT
• Node.js
• Xdebug
• GitHub Lookup Next ID Utility
• GnuPG для подписи коммитов
• терминал Bash с алиасами для часто используемых команд (phpunit, psalm и др.)
• приглашение командой строки Starship
• агент OpenSSH (ssh-agent)

Установить можно прямо с DockerHub:

docker pull vjik/dev-php:8.3


Теги в соответствии с версией PHP: 7.4, 8.0, 8.1, 8.2, 8.3

В документации описано как при запуске контейнера всё настроить (конфигурация GIT, GnuPG, SSH и т. д.). Пример команды:

docker run \
--name dev-php83 \
-w /projects \
-it \
--rm \
-v ~/.ssh:/config/.ssh \
-v ~/dev-configs/.gitconfig:/config/.gitconfig \
-v ~/dev-configs/.gnupg:/config/.gnupg \
-v /projects:/projects \
vjik/dev-php:8.3 \
--uname vjik \
--uid 1000 \
--gname vjik \
--gid 1000


У себя я сделал алиасы в системе для запуска контейнера: dev-php82, dev-php83 и др. Получилось очень удобно — не важно, что у меня стоит в системе, я открываю контейнер и получаю нужное мне окружение для разработки.
Google выложила маленькую версию Gemma-2 — она с двумя миллиардами параметров превосходит GPT-3.5 с её 175 миллиардами.

Самое крутое — ее можно локально запустить на слабом ноутбуке и даже смартфоне. Для установки требуется всего 3 ГБ оперативной памяти.

Скачать исходники можно на HuggingFace.

🥸 godnoTECH - Новости IT
Please open Telegram to view this post
VIEW IN TELEGRAM
Git, Gitflow и ветка release: как разместить общий код команды в прод / Хабр https://habr.com/ru/companies/beeline_cloud/articles/836922/
Чуваки из Electric упаковали PostgreSQL сервер (один из главных движков баз данных в мире) в js-библиотеку размером 3 мегабайта.
Работает на WASM в браузерах и в nodejs, поддерживаются экстеншены. Скорость отработки базовых запросов — 0.3ms.

Это как если бы дизельный локомотив с железной дороги поместили под капот WV Beetle. 🤯

Называется pglite, попробовать в браузере можно тут.
#react #js #JavaScript #frontend

React 19: Изменение в современной веб-разработке

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

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

📄 Читать статью

@dev_notes_ru
Forwarded from Злой полицейский (Mikhail Kobzarev)
Obsidian - Notion свободного человека

Notion объявили, что уходят из России и 9 сентября блокируют аккаунты пользователей.

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

Для любителей Ноушена это большая проблема, для любителей Обсидиана это возможность сказать: “Мы же вам говорили”.

👉 https://mikevetkin.com/Frontendi/Obsidian---Notion-svobodnogo-cheloveka

👮‍♂️ Злой полицейский - Подписаться

#notion #obsidian
Первый стабильный релиз Rspack: бандлер от ByteDance, совместимый с webpack-экосистемой, но в разы быстрее самого webpack → https://rspack.dev
Forwarded from Javascript
This media is not supported in your browser
VIEW IN TELEGRAM
🧭 Анимированный компас вышел из строя и не может найти, где находится страница.

#анимация #страница404 #js

https://codepen.io/AustinBan/pen/yJJVEm

@javascriptv
CMS за 0 рублей: как мы начали использовать Strapi / Хабр
https://habr.com/ru/companies/kts/articles/837888/
Pilet — модульный ПК на базе Raspberry Pi 5. Для работы и не только / Хабр
https://habr.com/ru/companies/selectel/articles/840986/