Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/uptechteam/fe-cookbook

Front-end department cookbook
https://github.com/uptechteam/fe-cookbook
Last synced: about 2 months ago
JSON representation
Front-end department cookbook
Host: GitHub
URL: https://github.com/uptechteam/fe-cookbook
Owner: uptechteam
Created: 2023-03-28T10:38:42.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2023-10-10T09:54:57.000Z (over 1 year ago)
Last Synced: 2024-11-09T06:37:46.137Z (3 months ago)
Homepage:
Size: 226 KB
Stars: 29
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

README

        # Table of contents

This document compiles industry best practices, proven strategies, and valuable insights to empower developers in their front-end projects.

Using information from chapters of this document could help you save time during the development process and during the work with estimations.

This cookbook is based on the experience of the whole Uptech front-end team during our work on different projects over the last 2 years.

Also, it could be helpful for newcomers who don't have relevant experience with some technologies that we use on a regular basis.

- [Architecture](https://github.com/uptechteam/fe-cookbook/tree/main/architecture-approaches)

  - [Atomic](https://github.com/uptechteam/fe-cookbook/blob/main/architecture-approaches/atomic.md)  

  - [Feature based](https://github.com/uptechteam/fe-cookbook/blob/main/architecture-approaches/feature-based.md)  

  - [Feature sliced](https://github.com/uptechteam/fe-cookbook/blob/main/architecture-approaches/feature-sliced.md)  

  - [Modular](https://github.com/uptechteam/fe-cookbook/blob/main/architecture-approaches/modular.md)

  - [Module federation](https://github.com/uptechteam/fe-cookbook/blob/main/architecture-approaches/module-federation.md)

- [Authentication](https://github.com/uptechteam/fe-cookbook/tree/main/auth) 

  - [AWS Cognito](https://github.com/uptechteam/fe-cookbook/blob/main/auth/aws-cognito.md)

- [Data fetching](https://github.com/uptechteam/fe-cookbook/tree/main/data-fetching)

  - [Axios](https://github.com/uptechteam/fe-cookbook/blob/main/data-fetching/axios.md)

  - [React Query](https://github.com/uptechteam/fe-cookbook/blob/main/data-fetching/react-query.md)

  - [SWR](https://github.com/uptechteam/fe-cookbook/blob/main/data-fetching/swr.md)

- [Forms](https://github.com/uptechteam/fe-cookbook/tree/main/forms)

  - [Formik](https://github.com/uptechteam/fe-cookbook/blob/main/forms/formik.md)

  - [React Hook Form](https://github.com/uptechteam/fe-cookbook/blob/main/forms/react-hook-form.md)

  - [Storing form data in localStorage](https://github.com/uptechteam/fe-cookbook/blob/main/forms/storing-in-local-storage.md)

  - [Validation](https://github.com/uptechteam/fe-cookbook/blob/main/forms/validation.md)

- [Git](https://github.com/uptechteam/fe-cookbook/tree/main/git)

  - [Rebase](https://github.com/uptechteam/fe-cookbook/blob/main/git/rebase.md)

  - [Squash & Merge](https://github.com/uptechteam/fe-cookbook/blob/main/git/squash-merge.md)

  - [Pull request template create](https://github.com/uptechteam/fe-cookbook/blob/main/git/pull_request_template.md)

- [IDEs](https://github.com/uptechteam/fe-cookbook/tree/main/IDEs)

  - [VSCode](https://github.com/uptechteam/fe-cookbook/tree/main/IDEs/VSCode)

    - [Extensions](https://github.com/uptechteam/fe-cookbook/blob/main/IDEs/VSCode/vscode-extensions.md)

    - [Styling](https://github.com/uptechteam/fe-cookbook/blob/main/IDEs/VSCode/vscode-styling.md)

- [Images](https://github.com/uptechteam/fe-cookbook/tree/main/images)

  - [Optimizations](https://github.com/uptechteam/fe-cookbook/blob/main/images/optimizations.md)

  - [SVG](https://github.com/uptechteam/fe-cookbook/blob/main/images/svg.md)

- [Infinite scroll](https://github.com/uptechteam/fe-cookbook/blob/main/infinite-scroll/)

  - [Intersection Observer API](https://github.com/uptechteam/fe-cookbook/blob/main/infinite-scroll/infinite-scroll.md)

- [Internationalization](https://github.com/uptechteam/fe-cookbook/tree/main/internationalization)

  - [i18next](https://github.com/uptechteam/fe-cookbook/blob/main/internationalization/i18next.md)

  - [lingui-js](https://github.com/uptechteam/fe-cookbook/blob/main/internationalization/lingui-js.md)

  - [react-intl](https://github.com/uptechteam/fe-cookbook/blob/main/internationalization/react-intl.md)

- [Monitoring](https://github.com/uptechteam/fe-cookbook/tree/main/monitoring)

  - [Sentry](https://github.com/uptechteam/fe-cookbook/tree/main/monitoring/sentry.md)

- [Notifications](https://github.com/uptechteam/fe-cookbook/tree/main/notifications)

  - [CircleCI to Slack](https://github.com/uptechteam/fe-cookbook/blob/main/notifications/circle-ci-slack.md)

  - [JIRA to GitHub](https://github.com/uptechteam/fe-cookbook/blob/main/notifications/jira-github.md)

- [Roles and permissions](https://github.com/uptechteam/fe-cookbook/tree/main/roles-and-permissions)

  - [Common approaches](https://github.com/uptechteam/fe-cookbook/blob/main/roles-and-permissions/roles-and-permissions.md)

- [Routing](https://github.com/uptechteam/fe-cookbook/tree/main/router)

  - [Leave modal logic](https://github.com/uptechteam/fe-cookbook/blob/main/router/leave-modal.md)

- [SSR](https://github.com/uptechteam/fe-cookbook/tree/main/ssr)

  - [Next.js](https://github.com/uptechteam/fe-cookbook/tree/main/ssr/nextjs)

    - [Basic Auth](https://github.com/uptechteam/fe-cookbook/blob/main/ssr/nextjs/basic-auth.md)

    - [Overview](https://github.com/uptechteam/fe-cookbook/blob/main/ssr/nextjs/overview.md)

    - [Next.js 13](https://github.com/uptechteam/fe-cookbook/blob/main/ssr/nextjs/next-js-13.md)

  - [General](https://github.com/uptechteam/fe-cookbook/blob/main/ssr/general.md)

- [State management](https://github.com/uptechteam/fe-cookbook/tree/main/state-management)

  - [React Context API](https://github.com/uptechteam/fe-cookbook/tree/main/state-management/context)

    - [Overview](https://github.com/uptechteam/fe-cookbook/blob/main/state-management/context/overview.md)

    - [React Context API + useReducer hook](https://github.com/uptechteam/fe-cookbook/blob/main/state-management/context/react-context-useReducer.md)

    - [Ref-based React Context API](https://github.com/uptechteam/fe-cookbook/blob/main/state-management/context/ref-based-context-api.md)

  - [Redux Toolkit](https://github.com/uptechteam/fe-cookbook/tree/main/state-management/redux-toolkit)

    - [Overview](https://github.com/uptechteam/fe-cookbook/blob/main/state-management/redux-toolkit/overview.md)

    - [RTK Query](https://github.com/uptechteam/fe-cookbook/blob/main/state-management/redux-toolkit/rtk-query.md)

- [Styling](https://github.com/uptechteam/fe-cookbook/tree/main/styling)

  - [MUI](https://github.com/uptechteam/fe-cookbook/blob/main/styling/MUI.md)

  - [Dark mode setup](https://github.com/uptechteam/fe-cookbook/blob/main/styling/dark-mode.md)

  - [General recommendations](https://github.com/uptechteam/fe-cookbook/blob/main/styling/general-recommendations.md)

  - [Styled Components](https://github.com/uptechteam/fe-cookbook/blob/main/styling/styled-components.md)

- [UI components](https://github.com/uptechteam/fe-cookbook/tree/main/ui-components)

  - [Date & time pickers](https://github.com/uptechteam/fe-cookbook/blob/main/ui-components/date-time-pickers.md)

  - [OTP input](https://github.com/uptechteam/fe-cookbook/blob/main/ui-components/otp-input.md)

  - [Textarea with emoji](https://github.com/uptechteam/fe-cookbook/blob/main/ui-components/textarea-with-emoji.md)

  - [Tree view multi-select](https://github.com/uptechteam/fe-cookbook/blob/main/ui-components/tree-select.md)

  - [Tree view select](https://github.com/uptechteam/fe-cookbook/blob/main/ui-components/tree-view-select.md)

  - [WYSIWYG](https://github.com/uptechteam/fe-cookbook/tree/main/ui-components/WYSIWYG)

    - [Tiptap](https://github.com/uptechteam/fe-cookbook/blob/main/ui-components/WYSIWYG/tip-tap.md)