React от А до Я

Плюсы и минусы технологии SPA

✅ Плюсы:

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

👉 Продвинутое кэширование cнижает нагрузку вашего устройства благодаря хранению данных в кэше.

👉 Крутые возможности пользовательского интерфейса. Более широкий круг технологий для прокачки вашего контента.

❌ Минусы:

👉 SEO-оптимизация - один из важных недостатков данной технологии. Для поисковых систем становится трудно черпать информацию с одностраничных приложений, но любая проблема решается.

👉 Безопасность. JavaScript очень часто любят атаковать, поэтому, важно позаботиться о защите вашего проекта.

Было полезно - поставь "❤️".

❤3

48 views17:00

React от А до Я

Инструменты React для SPA

👇 Link отличается от тега "a" тем, что позволяет переключать роуты без обновления страниц.


import { Link } from 'react-router-dom';

const MyComponent = () => {

  return (

    <div>

      <Link to="/some-page">Перейти на страницу</Link>
    
    </div>
  );
};

👇 useNavigate такой же как и Link, но для кнопок.


import { useNavigate } from 'react-router-dom';

const MyComponent = () => {
  const navigate = useNavigate();

  const handleClick = () => {
    // Программная навигация с использованием useNavigate
    navigate('/another-page');
  };

  return (
    <div>
      {/* Обработчик клика, использующий программную навигацию */}
      <button onClick={handleClick}>Перейти на другую страницу</button>
    </div>
  );
};

Давайте уже добьём оставшиеся 3❤️ в закреплённом посте, буду делать контент вам в ленту🔥

❤5🍓1

46 viewscraster, edited 08:19

React от А до Я

Процесс запущен🔥

🔥5

44 viewscraster, 10:52

React от А до Я

Выбираем имя мессенджера.

Свои варианты предлагайте в комментариях 👇

Anonymous Poll

❤3

10 voters42 viewscraster, 14:24

React от А до Я

Сегодня-завтра поищу дизайн для проекта

❤5

46 viewscraster, edited 14:45

React от А до Я

Будем пробовать что-нибудь из этого.

❤️ - 1
🔥 - 2
👍 - 3
🏆 - 4
⚡️ - 5

👍3❤2🏆2

52 viewscraster, 09:15

Routing в React: Часть 2

Всех с наступающим❤️

Данный видео-урок также опубликован в Дзен👇.

❤6

54 viewsSupport Channel Bot, 13:18

Смотреть

React от А до Я

Зацените обновочку🔥

🔥5⚡3🥰1

54 viewscraster, 08:40

React от А до Я

0:05

This media is not supported in your browser

VIEW IN TELEGRAM

Друзья! Хочу поздравить всех вас с наступающим новым годом! Желаю счастья, любви, достатка, ну конечно же и деньжат побольше)) В новом году вас ждёт очень годный контент, помимо мессенджера планируются более крупные и масштабные проекты, без вашей поддержки которые мне не реализовать. Всех очень сильно люблю, с праздником родные❤️

❤7👍3👏2🍓2

53 viewscraster, 18:46

Самые внимательные в конце могли заметить, что после заполнения формы placeholder возвращается обратно. Это неудобно и некрасиво. Даю вам время подумать.