Giter Club home page Giter Club logo

everything's Introduction

React App Admin Panel

How to start project

- yarn start(Frontend)
- yarn back(Backend)

Stack:

- Webpack
- React 18.2
- Redux , RTK query
- Headless UI
- ReactWindow
- Jest

Theme

  1. config webpack entry and output plugins
  2. add ts node ts-loader , tsconfig.json, add import skills
  3. decompositions webpack config to try
  4. dev-server and add port,env (development and production usable)
  5. add eslint styles
  6. add styles-loader, react,react-dom
  7. add module css loader
  8. add react-router-dom lazy load suspense
  9. add useTheme
  10. add FSD architecture
  11. add absolute url
  12. add Routing Provider
  13. add Navbar Theme divided by file
  14. add fileLoader and svgLoader
  15. first shared component Button
  16. add sidebar toggle button with collapsed function
  17. add i18next
  18. add react refresh webpack plugin, add switch Language component
  19. add eslint config
  20. add stylelint config
  21. add jest testing first testing component
  22. add Not found page
  23. add Page loader and component
  24. add ErrorBoundary
  25. add Webpack Bundle Analyzer
  26. add react-testing-library ,jest-config.ts,setupTests.ts , add sidebar testing component
  27. add storybook to project
  28. add loki testing library , first screenshot test
  29. add main pipeline github actions
  30. add Modal, Portal , change Header component
  31. add redux toolkit add , first slice Counter, testing component
  32. add json-server for imitate server
  33. add User entities first custom Component Input,
  34. add LoginUserName component first async request
  35. add asyncReducer component
  36. test feature AuthByUsername
  37. add profile entities
  38. add Instance url compose with Redux
  39. add Fetching get profile data
  40. add ts.config strict mode , refractor
  41. add profile information ,profile slice update,add private route for auth
  42. add validate profile module
  43. add Profile module test
  44. add third theme for test
  45. add concurrently package write first script
  46. add react-refresh-plugin Loader webpack
  47. add requireAuth component wrap route config
  48. add Articles pages ,sidebar icons
  49. add article entity
  50. Article page. Block structure. Component Code. Copy tags
  51. Commentary module. Normalize redux toolkit data. EntityAdapter
  52. add comment entity ,update user ,update profile,
  53. update sidebar,selector
  54. list of articles ,change viewpoint
  55. Article. EntityAdapter, thunks, slices. View selector
  56. Infinite scroll hook , load next page
  57. remake Redux mounted
  58. useThrottle
  59. Filter fix pageScrollbar, useDebounce , Tabs ,addQueryParams
  60. ArticleRecommendation entity add ArticleDetailsPage
  61. add Create article and edit
  62. add vercel App
  63. react virtualize package add
  64. add eslint custom for check relative path
  65. position element in design
  66. Semantic UI
  67. Headless ui
  68. Dropdown custom
  69. add custom generate Slice
  70. add redux-toolkit
  71. add html reports test
  72. fix bug with virtualization and windowScroller
  73. divided by Role
  74. fixed bag by stack
  75. update react 18.2
  76. add isolatedModules true
  77. add circular dependency plugin
  78. add babel loader and plugin babelRemovePropsPlugin
  79. add Popover component use in Navbar component
  80. add Drawer and Overlay , react device detect
  81. refracting useModal => Modal and Drawer
  82. add provider that not include webpack ,add react spring and use-gesture
  83. add ts-morph and alias
  84. add browserslist
  85. add vite to project
  86. add starRating component
  87. add features ArticleRating
  88. repair Storybook alias
  89. add eslint plugin
  90. eslint rewrite
  91. eslint test plugin rewrite
  92. add router decomposition

everything's People

Contributors

numbone avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.