Без компании 1

Frontend

Crear testuna case

pequeña

Написатьaplicación небольшое приложение наen React + Typescript. Приложение пишется только через функции и хуки, классы использовать запрещено.Typescript

ПриложениеLa должноaplicación содержать:debe estar escrita solo con funciones y hooks, está prohibido usar clases.

La aplicación debe contener:

• Una

  Таблица,tabla котораяque можетpuede содержатьcontener произвольноеun кол-воnúmero полейarbitrario de campos (отde 5 доa 15).

• Los

  Данныеdatos вde таблицуla должныtabla загружатьсяdeben сcargarse сервераdesde иel использоватьservidor y utilizar Infinite Loader дляpara подгрузкиcargar новыхnuevos данных.

  datos.
• Un

  Стейт-менеджерgestor de estado (илиo егоsu отсутствие,ausencia, обосноватьjustificar выборla илиelección жеo отсутствиеla инструмента)ausencia de esta herramienta).

• Un

  Формаformulario созданияpara новойcrear записиun вnuevo таблицеregistro -en должноla бытьtabla, минимумque debe tener al menos 5 полейcampos.

 

Пояснения:Explicaciones:

• Tener

  Учитывайте,en чтоcuenta полейque можетlos бытьcampos произвольноеpueden кол-во

  ser de un número arbitrario.
• Los

  Поляcampos имеютtienen валидациюvalidación (отdesde простыхsimples наvalidaciones обязательность,de доobligatoriedad сложныхhasta вvalidaciones видеcomplejas правильногоcomo IBAN)un IBAN correcto) (можноpuede неno делать,hacerse, ноpero тогдаdescribir описатьcómo какse бы вы это реализовали)

  implementaría).
• Al

  Приenviar отправкеel долженformulario, бытьdebe соответствующийhaber стейтun estado correspondiente (disabledeshabilitar кнопкиel илиbotón другие)

  u otras acciones).
• El

  Серверservidor можетpuede неno принятьaceptar формуel иformulario вернутьy ошибкиdevolver errores (опятьde жеnuevo, можноpuede неno делать,hacerse, ноpero описатьdescribir реализацию)

  cómo
se

5. Форма должна отправляться по api. Запись добавляется в таблицу

   implementaría).
6. El

   Любаяformulario анимацияdebe (напримерenviarse попапa сtravés формой)de (используйтеuna что-тоAPI. сложнееEl простыхregistro CSSdebe анимаций)

   añadirse a la tabla.
7. Cualquier

   Описатьanimación как(por реализоватьejemplo, un popup con el formulario) (usar algo más complejo que simples animaciones CSS).

8. Describir cómo implementar i18n иy l10n вen текущемel проектеproyecto actual (делатьno неes нужно)necesario implementarlo).

9. El

   Кодcódigo расположитьdebe вcolocarse github.en ВGitHub. githubEn actionsGitHub должнаActions бытьdebe настроенаestar сборка.configurada la compilación. (ЕслиSi неno знаете,se тоsabe пропускаетеcómo сhacerlo, пометкойindicar неque знаком,no слышал,se использовалestá другиеfamiliarizado, que se ha oído hablar, que se han usado otros CI/CDCD, и т.д.etc.)

10. Adjuntar

    Приложитьun Dockerfile (еслиsi неno знаете,se тоsabe пропускаетеcómo сhacerlo, пометкойindicar неque знаком,no слабоse знаком,está слышалfamiliarizado, иque т.д.se ha oído hablar, etc.)

11. Deben escribirse varias pruebas. Al menos una de las pruebas debe cubrir solicitudes de red y operaciones asincrónicas.

ДолжноSe бытьpermite написаноel несколькоuso тестов.de Хотяcualquier быbiblioteca один из тестов обязательно должен покрывать сетевые запросы и асинхронные операции.

Разрешено использование любых сторонних библиотекexterna (ноpero нужноse будетdebe обосноватьjustificar ихsu использование)uso).

ДляPara UIla возможноinterfaz использоватьde любуюusuario библиотекуse компонентовpuede илиusar фреймворкcualquier biblioteca de componentes o framework (bootstrap, chakra, material, etc.).

ДляPara la API можноse использоватьpuede usar https://github.com/typicode/json-server. файлEl carchivo dbcon нужноla приложитьbase кde проекту.datos (db) debe adjuntarse al proyecto.