2022 में React से ऐप डेवलपमेंट करते समय सुझाई जाने वाली लाइब्रेरीज़

 (robinwieruch.de)
24 पॉइंट द्वारा xguru 2022-04-11 | 7 टिप्पणियां | WhatsApp पर शेयर करें
  • React प्रोजेक्ट बनाना : क्लाइंट के लिए Vite/CRA, सर्वर के लिए Next.js/Remix/Gatsby
  • React State मैनेजमेंट : useState/useReducer, useContext, Redux
  • React Data Fetching : React Query (REST APIs, GraphQL APIs) + axios, Apollo Client
  • React Router के साथ Routing
  • React में CSS Styling : CSS-in-CSS, CSS-in-JS/Emotion/Stitches, Tailwind CSS के साथ Functional CSS
  • React UI Libraries : Material UI (सबसे लोकप्रिय), Mantine (सुझाई गई), Chakua UI (सुझाई गई), Ant Design, Radix, Primer, NextUI, Tailwind UI (फ्री नहीं), Semantic UI, React Bootstrap
  • React Animation Libraries : Framer Motion (सबसे ज़्यादा सुझाई गई), react-spring (कभी-कभी सुझाई जाती है), react-motion, react-move, Animated (React Native)
  • React में Visualization और Chart Libraries : Recharts, react-chartjs, nivo, visx, Victory
  • React में Form Libraries : React Hook Form + yup/zod
  • React Type Checking : बस TypeScript इस्तेमाल करें
  • React Code Structure: Style and Format : ESLint + Prettier
  • React Authentication : Firebase, Auth0, AWS Cognito जैसी सर्विस/BaaS चुनें
  • React Hosting : पूरा खुद मैनेज करना हो तो Digital Ocean, नहीं तो Cloudflare Workers, Netlify, या Vercel (खासकर Next.js), और अगर Firebase इस्तेमाल कर रहे हैं तो Firebase Hosting
  • React में Testing : Jest + React Testing Library (सबसे लोकप्रिय), Cypress
  • React और Immutable Data Structures : Immer
  • React Internationalization : FormatJS, react-i18next
  • React में Rich Text Editor : Draft.js, Slate.js, ReactQuill
  • React में Payments : PayPal, React Stripe Elements या Stripe Checkout
  • React में Time : date-fns, Day.js, Luxon
  • React Desktop Applications : Electron, Tauri, NW.js, Neutralino.js
  • React के साथ Mobile Development : React Native, Expo
  • React VR/AR : react-three-fiber, react-360, aframe-react
  • React के लिए Design Prototyping : Figma, Zeplin, Excalidraw, InVision
  • React Component Documentation : Storybook, Docusaurus, Docz, Styleguidist

संबंधित पढ़ाई

7 टिप्पणियां

 
rinae 2022-04-11

मूल पोस्ट के लेखक ने जिस design prototyping की श्रेणी के बारे में सोचा है, वह शायद mockup स्तर की लगती है, लेकिन interactive prototyping की बात करें तो Framer को छोड़ा नहीं जा सकता।

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

आजकल redux की तुलना में recoil, zustand जैसी libraries भी लोकप्रिय हैं।
 
00001 2022-04-11

मुझे लगता है कि React Desktop Applications वाले हिस्से में electron भी शामिल होना चाहिए।
 
rtyu1120 2022-04-11

लगता है कि इसमें desktop app के लिए भी main text में Electron को ही सबसे ज़्यादा recommended विकल्प बताया गया है haha
 
xguru 2022-04-11

मैंने इसे सुधार दिया है। धन्यवाद हाहा
 
spilist2 2022-04-11

आखिरी React component documentation में उन्होंने कहा था कि उन्होंने खुद सिर्फ Storybook ही इस्तेमाल किया है, इसलिए वे इसकी सिफारिश नहीं कर सकते, लेकिन उन्होंने सुना है कि Docusaurus, Docz, और Styleguidist भी अच्छे हैं, इसलिए लगता है कि Storybook को भी शामिल करना चाहिए।
 
xguru 2022-04-11

आह, सही कहा। मैंने इसे ठीक कर दिया है~