Empfohlene Bibliotheken für die App-Entwicklung mit React im Jahr 2022

 (robinwieruch.de)
24 Punkte von xguru 2022-04-11 | 7 Kommentare | Auf WhatsApp teilen
  • React-Projekt erstellen: auf Client-Seite Vite/CRA, auf Server-Seite Next.js/Remix/Gatsby
  • React-State-Management: useState/useReducer, useContext, Redux
  • React-Datenabruf: React Query (REST APIs, GraphQL APIs) + axios, Apollo Client
  • Routing mit React Router
  • CSS-Styling in React: CSS-in-CSS, CSS-in-JS/Emotion/Stitches, funktionales CSS mit Tailwind CSS
  • React-UI-Bibliotheken: Material UI(am beliebtesten), Mantine(empfohlen), Chakua UI(empfohlen), Ant Design, Radix, Primer, NextUI, Tailwind UI (nicht kostenlos), Semantic UI, React Bootstrap
  • React-Animationsbibliotheken: Framer Motion (am meisten empfohlen), react-spring (oft empfohlen), react-motion, react-move, Animated (React Native)
  • Visualisierungs- und Diagrammbibliotheken in React: Recharts, react-chartjs, nivo, visx, Victory
  • Formularbibliotheken in React: React Hook Form + yup/zod
  • React-Typprüfung: Verwenden Sie einfach TypeScript
  • React-Code-Struktur: Stil und Format: ESLint + Prettier
  • React-Authentifizierung: Einen Dienst/BaaS wie Firebase, Auth0 oder AWS Cognito wählen
  • React-Hosting: Wenn Sie alles selbst verwalten möchten, Digital Ocean, ansonsten Cloudflare Workers, Netlify oder Vercel (insbesondere Next.js), bei Nutzung von Firebase dann Firebase Hosting
  • Testing in React: Jest + React Testing Library (am beliebtesten), Cypress
  • React und unveränderliche Datenstrukturen: Immer
  • React-Internationalisierung: FormatJS, react-i18next
  • Rich-Text-Editoren in React: Draft.js, Slate.js, ReactQuill
  • Zahlungen in React: PayPal, React Stripe Elements oder Stripe Checkout
  • Zeit in React: date-fns, Day.js, Luxon
  • React-Desktop-Anwendungen: Electron, Tauri, NW.js, Neutralino.js
  • Mobile Entwicklung mit React: React Native, Expo
  • React VR/AR: react-three-fiber, react-360, aframe-react
  • Design-Prototyping für React: Figma, Zeplin, Excalidraw, InVision
  • React-Komponentendokumentation: Storybook, Docusaurus, Docz, Styleguidist

Verwandte Beiträge

7 Kommentare

 
rinae 2022-04-11

Es wirkt zwar so, als habe der Autor des Originalbeitrags den Bereich Design-Prototyping eher auf das Niveau von Mockups beschränkt, aber wenn es um interaktives Prototyping geht, darf Framer eigentlich nicht fehlen.

https://www.framer.com/
 
sujang 2022-04-11

Heutzutage sind statt Redux auch Bibliotheken wie Recoil und Zustand beliebt.
 
00001 2022-04-11

Im Abschnitt „React Desktop Applications“ sollte meiner Meinung nach auch Electron enthalten sein.
 
rtyu1120 2022-04-11

Anscheinend wird dort auch für Desktop-Apps Electron im Haupttext als die erste Wahl am stärksten empfohlen, haha.
 
xguru 2022-04-11

Ich habe es korrigiert. Danke, haha
 
spilist2 2022-04-11

In der letzten React-Component-Dokumentation hieß es, man habe außer Storybook selbst nichts verwendet und könne daher nichts außer Storybook empfehlen, habe aber gehört, dass auch Docusaurus, Docz und Styleguidist gut seien. Daher scheint es sinnvoll, Storybook mit aufzunehmen.
 
xguru 2022-04-11

Ah, genau. Ich habe es korrigiert~