Building Collaborative Spreadsheets with React Native
Create real-time collaborative spreadsheet applications using React Native, covering UI development, data synchronization, and user management.
...
Share
React Native Fundamentals and Spreadsheet Architecture
Unit 1: React Native Environment Setup
Installing Node.js
Setting up Expo CLI
Understanding the Project
Running on iOS & Android
Basic Troubleshooting
Unit 2: React Components and JSX
JSX Basics
Functional Components
Class Components
Props in Components
Styling Components
Unit 3: State Management and User Input
useState Hook
Handling Text Input
Button Component
Other Input Types
Lists with ScrollView
Unit 4: Spreadsheet App Architecture
Data Structures
User Roles
Real-time Sync Options
Initial App Layout
State Management
Building the Spreadsheet UI with React Native
Unit 1: Core Spreadsheet UI Components
Grid View Basics
Styling the Grid
Editable Input Fields
Formula Bar Setup
Connecting It All
Unit 2: Data Persistence Strategies
Local Storage Intro
Saving to AsyncStorage
Loading from Storage
Cloud Storage Options
Cloud Sync Strategies
Real-time Collaboration and Formula Implementation
Unit 1: Real-time Collaboration Basics
Intro to Collaboration
WebSockets Overview
Cloud Services for RT
Choosing the Right Tech
Setting Up Our Server
Unit 2: Implementing Real-time Updates
Broadcasting Updates
Handling Concurrency
Conflict Resolution
Optimizing Data Transfer
User Presence
Unit 3: Formula Implementation
Formula Parsing Intro
Using Formula Libraries
Build Your Own Parser
Cell Referencing
Supported Operations
Advanced Features, Optimization, and Testing
Unit 1: User Authentication and Authorization
Auth: Choosing a Method
Auth: Implementation
Authorization Basics
Advanced Authorization
Testing Auth & Authz
Unit 2: UI Enhancements
Undo/Redo: Implementation
Cell Formatting Options
Conditional Formatting
Data Validation Rules
Testing UI Enhancements
Unit 3: Performance Optimization
Virtualization Basics
Efficient Data Structures
Memoization Techniques
Batching Updates
Profiling and Tuning
Unit 4: Testing Strategies
Unit Testing Components
Integration Testing
Testing Collaboration
End-to-End Testing
Continuous Integration