Как убрать side-эффекты в React?

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

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

Как избежать таких проблем читаем в статье ⬇️

Что такое CORS?

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

Одна из политик современных браузеров называется принцип одинакового источника или правило ограничения домена (Same Origin Policy), что означает, что ресурсы, находящиеся в одном и том же источнике, будут доступны для использования веб-страницей.

Как же понять эти принципы с точки зрения веб-страниц рассмотрим в данной статье ⬇️

«До війни забезпечували роботою до 40 000 фрілансерів на рік. Не збираємося зменшувати оберти і зараз».

Українська фріланс-біржа Freelancehunt продовжує активно працювати. Не дивлячись на те, що з початком війни ринок замовлень та проектів впав більше ніж удвічі, робота є — щодня на платформі публікується до 200 завдань.

Як працює Freelancehunt ⬇️

#job #freelance

Напоминаем, что завтра будет проведён воркшоп! 🎊

Ждём всех, кто хочет начать писать на React. 🤗

Создаем модульную архитектуру для большого React-приложения 💪

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

#frontend #react

​​За последнее десятилетие количество фреймворков JavaScript резко возросло. Angular и React стали популярным выбором среди лучших фреймворков JavaScript. 👍

Они позволяют разработчикам создавать высококачественные веб-приложения и мобильные приложения за меньшее время и с меньшим количеством кода, чем когда-либо прежде.

🌟 Angular считается идеальным для создания одностраничных быстродействующих приложений.

🌟 С другой стороны, React — лучший выбор для проектов, требующих молниеносный рендеринг.

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

Так что же лучше Angular или React разбираемся в этой статье ⬇️

😅 Геть з України, москаль некрасивий!

Новий хіт від Jerry Heil.

​​Друзі! 🤗Ми вже дуже скоро стартуємо чергову групу студентів у курс з Next.js 🎊

Це advanced-рівень 🔥 для фронтенд-розробників, оскільки не всі ще впровадили у проекти Next.js, тому що поверхнево його розбирали по документації чи взагалі не було часу на досконале самостійне вивчення цього фреймворку.

Одже настав час усім збиратися, готувати свої питання та зануритися на 5 тижнів разом з колегами у цікавий світ Next.js.

Зараз діє 25% знижка 🇺🇦

🔴 До групи записуємо не усіх бажаючих, а тих хто має:

✔️ Впевнені знання JS + ES6.
✔️ Базові знання Node.js: cookie, headers, файлова система, відносні та абсолютні шляхи.
✔️ Впевнені знання React: функціональні компоненти, хуки.
✔️ Базові знання будь-якого стейт менеджера Redux/MobX.

🎯 Next.js допоможе вам:

🔹 Вивести сайт у топ при ранжируванні в пошукових системах.
🔸 Підвищити якість відмальовки контента для миттєвого завантаження сайта.
🔹 Домогтися высокої швидкості роботи сайта на різних мобільних пристроях.
🔸 Отримати високий PageSpeed (90+).
🔹 Перенести SPA-застосунки на SSR, якщо ви вже почали цей процесс і зіштовхнулись з ускладненнями.
🔸 Зкоротити час впровадження Next.js в проєкт.
🔹 Навчитися легко працювати з GraphQL в контексті всіх технічних складностей SSR.
🔸 Навчитися працювати з Redux не тільки на клієнті, але й на SSR-сервері.
🔹 Навчитися працювати з великим React-застосунками, які підтримують роботу з локалізацією в контексті SSR-технології.

🏁 Початок занять – 30 травня!

Реєстрація та подробиці навчання є на сайті ⬇️

​​Форми скрізь на веб-сайтах. Налаштування сторінок, розділи коментарів, профілі користувачів — складно уявити сучасний сайт без форм.

EN 🇺🇸 У цьому гайді автор створює загальну форму, яку можна використовувати на всьому сайті. ⬇️

Почнемо з чогось простого і поступово додамо більш складні фічі, такі як:
🔹 запобігання переходу користувача з незбереженими змінами;
різні типи обробки помилок;
🔸 відображення спіннера при відправці;
🔹 нотіфікейшн у разі успіху;
🔸 легко розширювані схеми.

#next #javascript #react #frontend

З Днем Конституції! 🇺🇦 Слава Україні!

Звернення нашого Президента ❤️

Ласкаво просимо на вебінар «Як стартувати в ІТ та чому під час війни це найкращий варіант» — 13 липня

Не секрет що ІТ — це доволі перспективна, добре оплачувана та стійка галузь для розвитку. А в нинішніх реаліях питання стабільності та прибутку стоїть не аби як гостро. Тож скільки часу потрібно, щоб опанувати нову професію та почати заробляти?

На вебінарі ми розглянемо:
🔸 Що таке ІТ: плюси, мінуси, підводне каміння та наскільки ІТ це складно.
🔸 Огляд сучасних професій в ІТ.
🔸 Чим займаються веб-розробники?
🔸 Що потрібно для того щоб стати розробником — з чого почати свій шлях і що потрібно вивчити в першу чергу?
🔸 Який кар’єрний ріст у розробників, зарплати і який шлях розвитку в реаліях війни?

Реєстрація через сторінку вебінара! ⬇️

Чекаємо на вас та будемо раді якщо ділитеся посиланнями з друзями, які планують входити в IT 🤗

14 липня ми проведемо вебінар на тему «JavaScript: сучасні методи розробки при виконанні нетипових задач». 🎊

Як знання JS розширює ваші можливості в розробці.

На вебінарі ми розглянемо:
🔹 Що таке JavaScript і чому це головна мова програмування в вебі.
🔹 Що відбувається з JS у 2022 році і як знання цієї мови програмування полегшує тобі життя при роботі з фреймворками і бібліотеками.
🔹 Використання TypeScript як основного інструменту для визначення типів.
🔹 Як використовувати сучасні підходи в розробці в нетипових ситуаціях.
🔹 Ми також розберемо тенденції в розробці та визначимо найліпший шлях для розвитку.

Чекаємо на вас та будемо раді якщо прийдете з друзями, які планують розробляти на JS 🤗

Реєстрація обов’язкова ⬇️

✅ Як ІТ-фахівцю вибудувати траєкторію навчання: важливі навички для майбутнього та зони росту

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

Всім привіт! 👋
Ми дуже сподіваємося на свою мережу контактів тут у Telegram, що ви допоможете знайти до нас в команду сильних викладачів і наставників. 💪

Разом ми будемо створювати якісні програми і розвивати наших українських розробників. ❤️

IT-школа LECTRUM посилює свою команду з фронтенду, тому нам потрібні (part-time):

⭐️ аси-верстальники, які зможуть навчати новачків, передавати їм свій досвід (викладачі, наставники);

⭐️ профі фронтенд-розробники, які зможуть просто і дохідливо навчати студентів JavaScript і React.

Будь ласка, поширюйте цей допис серед своїх знайомих крутих фахівців, кому наша пропозиція може бути цікаво або відправляйте анкету для відгуку → https://form.typeform.com/to/Z6c2K1SB

Усім привіт! 👋

Як ви знаєте ми працюємо над оновлення нашого курсу по бекенд розробці, та сьогодні нам потрібна ваша допомога.

Ми зробили опитувальник та просимо надати ваші відповіді як можна скоріше, тому що для нас дуже важливо розробити таку програму, яка для вас буде найефективнішою. 🤗

25 жовтня вийшла нова версія Next → 13-та 🎊

Які зміни у новій версії та як далі працювати читайте у блозі ⬇️

А ми у наш курс також внесемо корегування згідно нової версії. 💪

Слідкуйте за новинами. 😉

Хто ще тільки планує заходити у IT-сферу, для вас наступна стаття про те, які вимоги зараз висувають junior-розробникам.

Також нагадуємо, що завтра, 6 грудня, стартують 🏁 дві групи у навчання за програмами:

✅ Професія «Верстальник»

✅ Комплексний курс з JavaScript & TypeScript

Усім привіт! 👋

Запрошуємо вас на воркшоп 20 грудня, щоб познайомитися з бібліотекою React на практиці. 🤗

Який профіт?

✅ Розберемось з основою React.
✅ Напишемо ваш перший React-додаток: Instagram.
✅ Познайомимся з концепцією компонентизації програми.
✅ Навчимося динамічно генерувати розмітку на підставі JSON-файлів.

⚠️ Вимоги до учасників:
HTML, CSS, базові навички JavaScript, базове розуміння DOM, бажання навчатися.

Усім привіт! 👋

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

У нашій IT-школі веброзробки ви ще можете долучитися до однієї з груп:

🔹 Верстка (навчання тільки почалося) знижка 10% 🔥

🔸 Професія фронтенд-розробник (навчання тільки почалося) знижка 10% 🔥

🔹 JavaScript & TypeScript (навчання тільки почалося) знижка 10% 🔥

🔸 React (старт з 28 грудня) 🏁

Приєднуйтесь до студентів та перейдіть у 2023 році на новий рівень! 💪

Нова стаття про те, чому варто обирати Node.js для розробки у 2023 році. ⬇️

#backend