Tech Stacks

In these days, most of applications are on the web.
With various frameworks, how do you pick for your need?

Framework selection and transition

In the simple data collection/presentation, we want to the application ready in a short time.
In a mission critical transaction, we may consider the performance.

What if you want to have a quick prototype to present to manager team, then deep dive into the right solution after planned?
In here, I am going to have solution of how to do.
Use bookstore model as example in some different kinds of projects.

Bookstore Projects in Github

• Fullstack MVC

  • Django MVC

    • Form validation in view class

  • Django REST Framework + React

    • Serializer validation

  • Server Side React, login required

    Django REST Framework + Fully Server Side React JS (No Next.js)

    Need to login to have both REST APIs and React JS to work.
    No React JS expose to public.
    How this works?

  • Go & Beego

  • Laravel php

• REST
  • Object relationship model (ORM)
    • Django Data model
    • Flask w/SQLAlchemcy
    • Node.js w/typeORM
    • Node.js w/Adonis
  • Backend
    • Python Django REST
    • Python Flask REST
    • Node.js w/typeORM
    • Node.js w/Adonis
  • Frontend
    • React Context
    • React Hook Redux
    • React Hook Redux TypeScript
    • React with Jotai
      • Migrate state management from Redux to Jotai
• GraphQL
  • Backend Django Graphene.
  • Frontend
    • React redux graphQL
  • Migrate from REST to GraphQL
• gRPC

  • Backend

    Django gRPC.

  • Frontend

    • React redux grpc
• Migration Options:

  • Migrate Your Prototype to Your Coding framework :

    • Once your have prototype for demo,

      Use Open API data model to migrate.

      Django is battery included framework.

      It can be set up easy for the presentation.

      Once you have ideas to demo to team, you can start use the following to migrate.

  • React context and redux difference

  • How to handle cross origin?

Other Topics -- more experiences to share

• Best practice of programming
• Graph
• Namespace
• Context

Contact Me

[email protected] ccapeng.github.io

View full document