react

Cеминар по Программированию/Бесплатные курсы c нуля 2024: Паскаль, PHP, JavaScript Сообщество. Онлайн - как начать

Внимательно ознакомься с текстом ниже (не зря же мы его писали и периодически обновляем! ;), если темы обучения подойдут - ответь на вопросы, которые встретятся ниже, в одном из пунктов.

1. О сообществе

IFF -- это сообщество, направленное на свободный обмен знаниями и улучшение условий такого обмена.

Сейчас у нас есть два направления:

[!] Next.js - Справочник: примеры кода и заметки (react.js)

Использование Redux с Nest.js

См. статью: https://redux.js.org/usage/nextjs

Прочие материалы

Прочие материалы см. по ссылкам ниже

react useCallback зачем нужен: Когда полезен, а когда нет для функции

useCallback:

  • Полезен чтобы не вызывать ререндер компонента, если функция передается в него как пропс (в если такая ситуация возможно обычно этот хук надо использовать)
  • Если же функция просто определена на уровне компонента и ререндер уже начался, то плюса в производительности не будет

Подробнее можно почитать: https://habr.com/en/articles/529950/

[!] Тренировочная задача React.js (Redux, Saga)

Кратко о задаче

Требуется реализовать страницу, содержащую таблицу с перечнем товаров, по которым можно будет искать, редактировать их и добавлять новые.

Т.е. это только одна страница, но на ней довольно много всего

Что использовать

Рекомендуется использовать:

  • React.js
  • Typescript (создаем проет в этом режиме)
  • Redux

Подробнее

Использовать React/Redux

[!] react React.js Основные шаги, что полезно знать

sh: react-scripts: not found

docker create-react-app Пример docker-compose для React

Возможный вариант:

docker-compose.yml:

version: '3.9'
services:
  frontend:
    working_dir: /var/www
    volumes:
      - '.:/var/www'
    ports:
      - "3000:3000"

Dockerfile:

FROM node:18.15-alpine
WORKDIR /var/www
COPY package.json ./
COPY package-lock.json ./
RUN npm ci
COPY ../ .
CMD npm start

Проблемы и решения для node_modules/

Всего есть две задачи/проблемы:

react Обработать двойной клик, если он сделан, без обработки одинарного double click / click

Для обработки отдельно одинарного и двойного клика, можно использовать такой пользовательский хук:

Pages

Subscribe to RSS - react