All Projects → allangomessl → Kanban React

allangomessl / Kanban React

The Kanban Application with multiple backend languages.

Programming Languages

javascript
184084 projects - #8 most used programming language
es2015
71 projects
es2017
19 projects
es2016
15 projects

Projects that are alternatives of or similar to Kanban React

Ngx Dynamic Dashboard Framework
This is a JSON driven angular x based dashboard framework that is inspired by JIRA's dashboard implementation and https://github.com/raulgomis/angular-dashboard-framework
Stars: ✭ 160 (+966.67%)
Mutual labels:  drag-and-drop, semantic-ui
React Flow Chart
A flexible, stateless, declarative flow chart library for react.
Stars: ✭ 1,051 (+6906.67%)
Mutual labels:  webpack4, drag-and-drop
react-table-hoc-draggable-columns
ReactTable HOC for draggable columns
Stars: ✭ 27 (+80%)
Mutual labels:  drag-and-drop, hoc
React Fine Uploader
Easily integrate Fine Uploader or Fine Uploader S3 into a React app. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI.
Stars: ✭ 628 (+4086.67%)
Mutual labels:  drag-and-drop
Webpack Demos
📦 Demos && Courses for Webpack 4
Stars: ✭ 632 (+4113.33%)
Mutual labels:  webpack4
Dragmove.js
A super tiny Javascript library to make DOM elements draggable and movable. ~500 bytes and no dependencies.
Stars: ✭ 757 (+4946.67%)
Mutual labels:  drag-and-drop
Webpackery
Webpack 4 Orchestration Layer allows for automated async code splitting of anything
Stars: ✭ 26 (+73.33%)
Mutual labels:  webpack4
New Bee
开源社区 vue + springBoot - 前后分离微服务的最佳实践
Stars: ✭ 619 (+4026.67%)
Mutual labels:  webpack4
Easy Vue
Learn vueJS Easily 👻
Stars: ✭ 896 (+5873.33%)
Mutual labels:  webpack4
React Sizes
↔️ Hoc to easily map window sizes to props.
Stars: ✭ 726 (+4740%)
Mutual labels:  hoc
Dragact
a dragger layout system with React style .
Stars: ✭ 710 (+4633.33%)
Mutual labels:  drag-and-drop
Leo Javascript
欢迎关注公众号“前端自习课”,本仓库包含丰富的 JavaScript 学习资料,包括 JavaScript、前端框架、HTTP、GraphQL、TS、Webpack等,还有很多我的原创文章,喜欢的朋友欢迎stat。🚀持续更新中...
Stars: ✭ 647 (+4213.33%)
Mutual labels:  webpack4
React Lazy Load Image Component
React Component to lazy load images and components using a HOC to track window scroll position.
Stars: ✭ 755 (+4933.33%)
Mutual labels:  hoc
Cordova Template Framework7 Vue Webpack
Framework7 - Vue - Webpack Cordova Template with Webpack Dev Server and Hot Module Replacement
Stars: ✭ 630 (+4100%)
Mutual labels:  webpack4
React Styling Hoc
Механизм темизации для React-компонентов, написанных с использованием CSS модулей.
Stars: ✭ 25 (+66.67%)
Mutual labels:  hoc
Ng2 Semantic Ui
Semantic UI Angular Integrations (no jQuery)
Stars: ✭ 625 (+4066.67%)
Mutual labels:  semantic-ui
React Latest Framework
a client framework of React
Stars: ✭ 835 (+5466.67%)
Mutual labels:  webpack4
React Boilerplate
🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
Stars: ✭ 28,151 (+187573.33%)
Mutual labels:  webpack4
React Design Editor
React Design Editor has started to developed direct manipulation of editable design tools like Powerpoint, We've developed it with reactjs, ant.design, fabricjs
Stars: ✭ 687 (+4480%)
Mutual labels:  webpack4
Konva
Konva.js is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
Stars: ✭ 6,985 (+46466.67%)
Mutual labels:  drag-and-drop

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)

Roadmap

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].