Hands on VVL

Introduction to the VVL Device Details migration project and the team behind it

Hands on VVL: The Pioneer Project

Why This Repository?

The sails-vvl-device-details-app repository serves as the cornerstone for Redux Toolkit migration across the e-shop ecosystem. As the first project to undergo this transformation, it provides valuable insights and practical examples for other teams embarking on their migration journey.

Pioneer Project:

This repository, maintained by the Kilo team, serves as a reference implementation for migrating from Redux Saga to Redux Toolkit in the e-shop ecosystem. Other teams can use this as a blueprint for their own migration efforts.

Meet the Migration Team

The Kilo team brings together diverse expertise to ensure a successful migration. Each team member has contributed unique skills and insights to different aspects of the project.

Technical Leadership

Aya Megala
Aya Megala

API and Testing Experts

Mayada Ghanem
Mayada Ghanem
Mona AbdElMaqsoud
Mona AbdElMaqsoud

Feature Implementation Specialists

Ahmed AbouRaia
Ahmed AbouRaia
Nour AbuElkomsan
Nour AbuElkomsan
Osama Hazaa
Osama Hazaa

Areas of Expertise

If you're working on your own migration and need guidance, here's who to reach out to for specific topics:

1

Project Architecture

Contact: Aya Megala

  • Overall migration strategy
  • Project structure decisions
  • Best practices implementation
2

API Integration

Contact: Mayada Ghanem

  • RTK Query implementation
  • API endpoint migration
  • Data fetching patterns
3

Feature Implementation and Testing

Contact: The Rest of the Team

  • Slice creation and management
  • State management patterns
  • Component migration
  • Test mocking setup
  • Unit test migration
  • Integration test migration

Documentation Structure

The following sections will provide detailed insights into each aspect of the migration process every section will contain coding examples and comparisons to show the main differences in the new implementation with a focus on the Options slice code as an example.

  1. API Migration: Converting API calls to use RTK Query
  2. Saga to Listeners: Transforming side effects management
  3. Updating Selectors: Implementing efficient state selection
  4. Components Separation: Organizing and structuring components
  5. Code Testing: Ensuring reliability through comprehensive testing

Getting Help:

Each team member is committed to helping other teams succeed in their migration journey. Don't hesitate to reach out to the relevant expert when you encounter challenges in their area of expertise.