کتابخانه React به شما کمک می‌کند تا در چند دقیقه یک برنامه ایجاد کرده و روی آن کار کنید، اما یادگیری نحوه کنار هم قرار دادن تمامی قطعات سخت است. چگونه یک فرم را اعتبارسنجی می‌کنید؟ یا بدون نیاز به نوشتن کد کثیف، یک عمل پیچیده چند مرحله ای کاربر را پیاده سازی می‌کنید؟ چگونه کد خود را آزمایش می‌کنید؟ قابل استفاده مجددش می‌کنید؟ به backend متصلش می‌کنید؟ آن را برای درک شدن ساده نگه می‌دارید؟ کتاب آشپزی React به سرعت پاسخ‌ها را ارائه می‌دهد.
بسیاری از کتاب‌ها به شما می‌آموزند که چگونه شروع کنید، چارچوب را بفهمید و یا از یک کتابخانه کامپوننت با React استفاده کنید، اما تعداد کمی از آنها نمونه هایی را برای کمک به شما در حل مشکلات خاص ارائه می‌دهند. کتاب React Cookbook (کتاب آشپزی ری اکت)، شامل نمونه کد هایی است که توسعه دهندگان هنگام استفاده از ری اکت، برای حل مشکلات رایج نیاز دارند که بر اساس موضوع و مسئله دسته بندی شده اند.
مطالبی که در کتاب React Cookbook: Recipes for Mastering the React Framework (کتاب آشپزی ری اکت، دستور العمل هایی برای تسلط پیدا کردن بر چارچوب ری اکت)، خواهید آموخت:
- ایجاد برنامه تک صفحه ای در React با استفاده از یک UI غنی
- ساختار دهی کد به صورتی که توسط تیم‌های بزرگ هم قابل توسعه باشد
- یکپارچه کردن با سرویس‌های backend مانند REST و GraphQL
- استفاده از کش آفلاین با فناوری هایی مانند Redux یا MobX
- امن کردن برنامه‌ها با فناوری هایی مانند OAuth
- سر و کار داشتن با باگ‌ها و اجتناب از مسائل رایج کارایی و عملکردی
Table of Contents:
- 1. Creating Applications
- Generate a Simple Application
- Build Content-Rich Apps with Gatsby
- Build Universal Apps with Razzle
- Manage Server and Client Code with Next.js
- Create a Tiny App with Preact
- Build Libraries with nwb
- Add React to Rails with Webpacker
- Create Custom Elements with Preact
- Use Storybook for Component Development
- Test Your Code in a Browser with Cypress
- 2. Routing
- Create Interfaces with Responsive Routes
- Move State into Routes
- Use MemoryRouter for Unit Testing
- Use Prompt for Page Exit Confirmations
- Create Transitions with React Transition Group
- Create Secured Routes
- 3. Managing State
- Use Reducers to Manage Complex State
- Create an Undo Feature
- Create and Validate Forms
- Measure Time with a Clock
- Monitor Online Status
- Manage Global State with Redux
- Survive Page Reloads with Redux Persist
- Calculate Derived State with Reselect
- 4. Interaction Design
- Build a Centralized Error Handler
- Create an Interactive Help Guide
- Use Reducers for Complex Interactions
- Add Keyboard Interaction
- Use Markdown for Rich Content
- Animate with CSS Classes
- Animate with React Animation
- Animate Infographics with TweenOne
- 5. Connecting to Services
- Convert Network Calls to Hooks
- Refresh Automatically with State Counters
- Cancel Network Requests with Tokens
- Make Network Calls with Redux Middleware
- Connect to GraphQL
- Reduce Network Load with Debounced Requests
- 6. Component Libraries
- Use Material Design with Material-UI
- Create a Simple UI with React Bootstrap
- View Data Sets with React Window
- Create Responsive Dialogs with Material-UI
- Build an Admin Console with React Admin
- No Designer? Use Semantic UI
- 7. Security
- Secure Requests, Not Routes
- Authenticate with Physical Tokens
- Enable HTTPS
- Authenticate with Fingerprints
- Use Confirmation Logins
- Use Single-Factor Authentication
- Test on an Android Device
- Check Security with ESlint
- Make Login Forms Browser Friendly
- 8. Testing
- Use the React Testing Library
- Use Storybook for Render Tests
- Test Without a Server Using Cypress
- Use Cypress for Offline Testing
- Test in a Browser with Selenium
- Test Cross-Browser Visuals with ImageMagick
- Add a Console to Mobile Browsers
- Remove Randomness from Tests
- Time Travel
- 9. Accessibility
- Use Landmarks
- Apply Roles, Alts, and Titles
- Check Accessibility with ESlint
- Use Axe DevTools at Runtime
- Automate Browser Testing with Cypress Axe
- Add Skip Buttons
- Add Skip Regions
- Capture Scope in Modals
- Create a Page Reader with the Speech API
- 10. Performance
- Use Browser Performance Tools
- Track Rendering with Profiler
- Create Profiler Unit Tests
- Measure Time Precisely
- Shrink Your App with Code Splitting
- Combine Network Promises
- Use Server-Side Rendering
- Use Web Vitals
- 11. Progressive Web Applications
- Create Service Workers with Workbox
- Build a PWA with Create React App
- Cache Third-Party Resources
- Automatically Reload Workers
- Add Notifications
- Make Offline Changes with Background Sync
- Add a Custom Installation UI
- Provide Offline Responses
می پسندم
به درد نمی خوره
