Как сделать простые типовые, часто встречающиеся задачи в web приложении на React JS
При написании web приложений, интерфейса часто приходится решать типовые задачи по управлению элементами на форме, скрывать, делать не доступными, фильтрации, поиски, сортировки и др. Изучая React JS я начал подготавливать библиотеку подобных решений, её и представлю ниже. Как это работает человеку, изучающему React будет понятно на примерах, которые выложены на GitHub.
Ссылка на работающее приложение на GitHub
В каждом примере есть ссылка на исходный код. Примеры можно использовать как отправную точку для написания прикладной задачи. Перечень примеров по возможности буду расширять.
Сейчас сделаны примеры для:
Из каждого примера есть ссылка на исходный код.
Проект можно загрузить и запустить локально:
npm install
npm run dev
Материал:
React Js
При написании web приложений, интерфейса часто приходится решать типовые задачи по управлению элементами на форме, скрывать, делать не доступными, фильтрации, поиски, сортировки и др. Изучая React JS я начал подготавливать библиотеку подобных решений, её и представлю ниже. Как это работает человеку, изучающему React будет понятно на примерах, которые выложены на GitHub.
Ссылка на работающее приложение на GitHub
В каждом примере есть ссылка на исходный код. Примеры можно использовать как отправную точку для написания прикладной задачи. Перечень примеров по возможности буду расширять.
Сейчас сделаны примеры для:
- Как скрывать, делать не доступными элементы на форме
- Редактирование данных в таблице
- Просмотр данных в таблице и редактирование в отдельной форме
- Фильтр в элементе Select – аналог autocomplete
- Выделение записи в Таблице
- ComboBox с ИД, как правило при выборе элемента в элементе Select нужен его ИД в приложении
- Фильтр в Таблице
- Сортировка в Таблице
Из каждого примера есть ссылка на исходный код.
Проект можно загрузить и запустить локально:
npm install
npm run dev
Материал:
React Js