Présentation
Objectifs
Petit projet pédagogique et itératif pour monter en compétence sur React et son écosystème en particulier,
ainsi que les principaux frameworks Frontend tels que Vue, Angular et leurs dérivés respectifs.
Fonctionnalités
Il s'agit d'une simple application de gestion de tâches comportant les fonctions suivantes :
- Ajouter une tâche
- Modifier une tâche
- Supprimer une tâche
- Afficher la liste des tâches
- Filtrer et trier les tâches
Programme prévisionnel
React
- React Hooks
- Redux Toolkit
- TanStack Query
- Zustand
Vue
- Vue Reactivity
- Vuex
- Pinia
- TanStack Query
Angular
- Angular Signals
- RxJS
- NgRx
- TanStack Query
Tests Frontend
- Jest
- Testing Library
- Vitest
- Playwright
- Cypress
Formulaires
- React Hook Form
- Zod
- Formik
- Yup
Frameworks
- Next.js
- Remix
- Gatsby
- Redwood.js
- Refine.dev
- Nuxt.js
i18n
- i18next
- Lingui.js
- React Intl
Styles
- Tailwind CSS
- Styled Components
- Emotion
- Vanilla Extract
Thématisation
- UIkit
- Tailwind UI
- Material UI
- Shadcn
- Chakra UI
- Headless UI
- Radix UI
- Ant Design
Animations
- Framer Motion
- GSAP
- React Aria
Dataviz
- D3.js
- Chart.js
- Recharts
- ECharts
- Victory Charts
Backlog
Cliquez sur le numéro de la story pour accéder au Github.
Cliquez sur le statut pour voir la démo si disponible.
React
| # | Story | Statut |
|---|---|---|
| 001-01 | List tasks, Create, Read, Update, Delete | Done |
| 002-01 | Priority, Status, Sorting, Filtering | Done |
| 003-01 | TaskApp, TaskList, TaskCreate, TaskEdit, Inline editing | Done |
| 004-01 | Typescript | Done |
| 005-01 | Redux Toolkit | Done |
| 006 | TanStack Query | Todo |
| 007 | Zustand | Todo |
Vue
| # | Story | Statut |
|---|---|---|
| 101-01 | Composition: List tasks, Create, Read, Update, Delete | Done |
| 102-01 | Options: List tasks, Create, Read, Update, Delete | Done |
| 103-01 | Priority, Status, Sorting, Filtering | Done |
| 104-01 | TaskApp, TaskList, TaskCreate, TaskEdit, Inline editing | Done |
| 104 | Typescript | Todo |
| 105 | Vuex | Todo |
| 106 | Pinia | Todo |
| 107 | TanStack Query | Todo |
Angular
| # | Story | Statut |
|---|---|---|
| 201-01 | List tasks, Create, Read, Update, Delete | Done |
| 202-01 | Signals: List tasks, Create, Read, Update, Delete | Done |
| 203-01 | Priority, Status, Sorting, Filtering | Done |
| 204-01 | TaskApp, TaskList, TaskCreate, TaskEdit, Inline editing | Done |
| 204 | RxJS | Todo |
| 205 | NgRx | Todo |
| 206 | TanStack Query | Todo |