Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
21.8K subscribers
2.72K photos
184 videos
41 files
5.08K links
Все самое полезное для фронтенда в одном канале.

По рекламе: @proglib_adv

Учиться у нас: https://proglib.io/w/77178ed4

Для обратной связи: @proglibrary_feeedback_bot

РКН: https://gosuslugi.ru/snet/67a5b6884689c2151c820bb4
Download Telegram
Американская компания с израильскими корнями ищет
Senior backend (PHP+laravel) разработчиков,
Senior frontend (
react) разработчиков

Команда проекта работает над CRM-системой для тех, кто принимает платежи онлайн. CRM интегрирована с множеством платежек, все данные попадают в единый интерфейс, что позволяет показывать клиенту большое количество разной аналитики. Решение компании прошло сертификацию PCI Level 1, поэтому данные в CRM находятся в безопасности. В общем довольно крутая и нужная штука.

Стек: #php #laravel #mysql #react

ЗП до $8000.
Работа полностью удаленная.

Свое cv направляйте личку @coder2coder
———
Больше интересных вакансий в канале IsraeliHiTechJobs
🔥4👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Middleware в Next.js 13 на практике: на заметку фронтенд-разработчику

#javascript #tip #react #nextjs by Alex Sidorenko
12👍8
Please open Telegram to view this post
VIEW IN TELEGRAM
👍185👾3🤩2
😢 Ключи в списках: почему index ломает

Было:


{items.map((item, index) => (
<li key={index}>
<input value={item.name} />
</li>
))}


➡️ Переставили элементы → React думает, что <li key=0> остался тем же.
В итоге сбивается фокус и теряется ввод.

Стало:


{items.map((item) => (
<li key={item.id}>
<input value={item.name} />
</li>
))}


➡️ Стабильный id сохраняет правильное соответствие элементов, и UI ведёт себя предсказуемо.

💡 Используйте index только если список точно статичен (например, меню без состояния). В остальных случаях всегда нужен стабильный уникальный ключ (id).

🐸 Библиотека фронтендера

#hotfix #react
Please open Telegram to view this post
VIEW IN TELEGRAM
8👍1👏1
💳 Подборка свежих статей

1️⃣ Кастомизация Keycloak

➡️ Для тех, кто работает с авторизацией. Покажет, почему Freemarker неудобен и как Keycloakify на React/TS упрощает кастомизацию UI.

2️⃣ Бесшовный старт в Angular

➡️ Для фронтендеров на Angular и SPA. Рецепт, как убрать «белый экран» при загрузке и сделать старт плавным.

3️⃣ Отображение четырёхмерного пространства на двухмерную плоскость

➡️ Для любителей графики и математики. Как построить и визуализировать тессеракт в WebGL.

🐸 Библиотека фронтендера

#read_watch #react #angular #js
Please open Telegram to view this post
VIEW IN TELEGRAM
4🔥1