/kanban-react

The Kanban Application with multiple backend languages.

Primary LanguageJavaScript

kanban-react (archived)

This Sample Project was archived in favor of React Hooks, new Context API and best pratices added recently




The Kanban Application with multiple backend languages.

this project is still under maintenance

Desktop

Alt Text

Mobile

Alt Text


Performance

Unecessary Re-Renders

Alt Text

  • How can you view in above gif, using Why Did Update to monitor unnecessary re-renders, we can conclude that the application is extremely performatic.
  • For use the Why Did Update in project just open the console and execute whyUpdated

Webpack

Development Build

Build

  • How can you view in above image, we split main.js of vendor and theme.js. that generate better performance.
  • The complete build process for developmente enviroment lasts 10s
Development Rebuild

Rebuild

  • How can you view in above image, only main.js is reloaded
  • The rebuild process lasts less that 0.5s (half second)