🇺🇦JStify Community🇺🇦 – Telegram
🇺🇦JStify Community🇺🇦
642 subscribers
191 photos
1 video
949 links
Найсвіжіші та найактуальніші новини по тегу frontend

https://www.youtube.com/c/jstifycommunity
Download Telegram
​​Часто дані з апішок чи CMS ми отримуємо як HTML контент, час подбати трішки про безпеку коду😉
Попонуємо ознайомитись з двома чудови бібліотеками dompurify та sanitize-html, які є XSS санітайзерами для HTML

#JStify_Frontend #JStify_ThemeWeek
👍21
​​Усім привіт! 🙂

Продовжуючи тематичний тиждень, пропонуємо розглянути найпопулярніші бібліотеки для створення діаграм 📈 за допомогою JavaScript. Також ми розглянемо приклади діаграм 📉 та їх підтримку у популярних фреймворках, такі як React, Vue та Angular

#JStify_JavaScript #JStify_Frontend #JStify_ThemeWeek
Усім привіт! 🤗
Сьогодні розглянемо добірку бібліотек 🗂для валідації форм в React, a також спробуємо визначити, яка ж бібліотека перед нами в інтерактивному опитуванні нижче 👇

#JStify_Frontend #JStify_ThemeWeek #JStify_React
На скріні з IDE зображено типовий код для демо-форми цієї бібліотеки. Також, вона має - підтримку TypeScript, вбудовану підтримку хуків, а також працює як з React так і з React Native
Вкажіть назву цієї бібліотеки:
Anonymous Quiz
7%
rc-field-form
10%
Simple React Validator
35%
Redux Form
47%
Formik
​​Привіт, чи чули ви про Vite?🧐

Наш medium підготував для вас статтю, де ви можете детальніше дізнатись, про створення скелетів і групування проєктів з допомогою цього іструменту.🧑‍💻

А також не забувайте підписуватись на JStify medium🇺🇦

#JStify_ThemeWeek #JStify_Content
3😱1
Вітаю друзі! 😊

У сьогоднішній статті ми поговоримо про мемоїзацію - техніку оптимізації, яка може допомогти зробити важкі обчислювальні процеси більш ефективними

#JStify_JavaScript
​​Код має бути покритий юніт тестами!
Ми мусимо додати інтегрейшн тести для нашого проекту!
Тест кавередж має бути більше 70%!

Знайомі такі вимоги? Пропонуємо стати профі в Jest тестуванні😉
Переходь за посиланням та дізнавайся корисні поради про тестування😌

#JStify_JavaScript #JStify_Beginner
👍2
​​Щоразу, коли ти починаєш свій новий пет проект, потрібно вирішити, яку архітектуру ти будеш будувати.🏗 Та іноді ми можемо пошкодувати, що вибрали, наприклад, моноліт, а не мікросервіси.😢

У сьогоднішній статті ми розберемося, як вибрати архітектуру веб-програми, про яку ви не пошкодуєте😎

#JStify_Frontend #JStify_Backend
1
Усім привіт! 🤗Давно не практикувались у вирішенні задач👩🏽‍💻, то ж вирішили провести черговий квіз - перший у цьому році.

Завдання буде надзвичайно просте - потрібно вивести рядок "Hello World!"

Але є певні обмеження - не можна використовувати:
1) Рядки
2) Числа
3) Регулярні вирази
4) Функції під назвами «Hello», «World», «HelloWorld» або щось подібне.
5) Ключі об’єктів з іменами «Hello», «World», «HelloWorld» або щось подібне.

Очікуємо протягом тижня лінки на github або codepen з кодом.
Автор(-ка) найкращого рішення, з огляду на лаконічність, час виконання (функції) та інші опції отримає подаруночки від нашої JStify Community🎁

#JStify_Quiz
👍1
​​Усім привіт і гарної п'ятниці!!!🤗
Наш medium підготував для вас статтю, де ви можете дізнатись про Асинхронність в JS.
Не забувайте підтримувати нас та підписуватись на JStify medium🧑‍💻
Все буде Україна!🇺🇦

#JStify_ThemeWeek #JStify_Content
🔥7
Усім привіт! 😉

Розпочнемо тижеднь із основ Conditional Types в TypeScript ⚙️ та дізнаємось, як їх можна використовувати для вирішення загальних проблем у програмуванні 💻

#JStify_Frontend #JStify_Backend
👍5🔥1
Доступність(Accessibility) є однією з хороших практик сучасної веб-розробки. Цей невеликий курс дозволить глибше познайомитись з нею, та використовувати знання у своїх проектах.

#JStify_Frontend
​​Привіт друзі!!!😉

Чи часто вам приходиться обмінюватися даними між компонентами, які безпосередньо не пов’язані, наприклад, батьківським і дочірнім, які знаходяться на кількох рівнях один від одного?

У цій статті ми дослідимо Context API у React і надамо кілька прикладів коду, щоб продемонструвати, як ви можете використовувати його.


#JStify_Frontend #JStify_React
​​Сьогодні ми оголошуємо результати нашого квізу!!!!🥁

Цього разу, обидва учасники виконали завдання досить креативно, та якісно, використовуючи декодування, конкатування імен та значень змінних та використали різні вбудовані функції JavaScript🧑‍💻. У кожного є свої плюси та мінуси, але цього разу результат особливий.🙌

@Flaaaash та @nazartytskyi стають переможцями цього квізу, та отримають подаруночки від нашого ком'юніті!!!🤗🎉🎉🎉

#JStify_Quiz
🔥3🤩1
​​П'ятниця - ідеальний день для чогось цікаво😍
Чому б не почитати щось новеньке та корисненьке від нашої JStify community?
Пропонуємо розібратись в реактивному програмуванні з RxJS👌🏻

#JStify_Content
🔥4👍2
​​Усім привіт!🙂

Почнемо цей тиждень із оптимізації ваших Angular проектів.🙌
У сьогоднійшній статті ми пропонуємо вам список порад та підказок для підвищення продуктивності вашого проекту.🚀

#JStify_Frontend #JStify_Angular
🔥3
​​Кодування з "accessibility in mind" вже є стандартом для усіх нас😁

Питання як пришвидшити тестування проблем з accessibility?
Одним з рішень може бути написання автоматизованих тестів.
Пропонуємо дізнатись більше про accessibility testing за допомогою Playwright😉

#JStify_Frontend
2
Привіт друзі! 🙂

Коли ви відкриваєте файл *.d.ts у своєму проекті на TypeScript ⚙️, ви можете побачити ключове слово declare. Чи знаєте ви, що робить ця декларація? Прочитавши цю статтю, ви точно дізнаєтеся 🚀

#JStify_Frontend #JStify_Backend
2
Розпочинаємо backend-тематичний тиждень! Оглянемо плюси та мінуси використання JavaScript для backend-розробки, а також популярні фреймворки - у цій статті.

#JStify_Backend #JStify_ThemeWeek
👍1
​​Усім привіт!🤗

У наступній статті нашого тематичного тижня, ми розглянемо фреймворк, який активно використовують у своїх проектах такі компанії як Adidas, Decathlon, Mercedes Benz та багато інших.📈

NestJS - чим його синтаксис схожий на Angular, для чого він потрібен, та чому варто звернути на нього увагу в 2023 році.🧐

#JStify_ThemeWeek #JStify_Backend
🔥5