How to do isomorthic client-server realtime webapp

Седьмая лекция

План

 

  1. Архитектура
  2. Задача
  3. Практика

0

Архитектура

1

1

1

Inspiration

  • Express.js: middlewares & modules
  • Rails-like: Yii, Sails.js
  • Loopback & Strongloop
  • React-starter-kit
  • Hackathon-starter

1

Наследование

  • Повторное использование
  • Переопределение
  • Доопределение

1

Modules

// api.js
export default function getApi(ctx, params) {
  if (!ctx.resourses) throw '!ctx.resourses'
  if (!ctx.resourses.Auth) throw '!ctx.resourses.Auth'
  
  // Do domething  

  return api;
}


// index.js
import getApi from './api'

class App {
  method() {
    this.app.use('/api/v1', getApi(this, {some:'thing'}))
  }
}

Задача

2

Задача

2

  • Онлайн чат
  • Без регистрации
  • Множество менеджеров
  • Интеграция с Telegram

Практика

3

Практика

3

3

  1. Поиск
  2. React & Storybook
  3. Sockets
  4. Database & Api
  5. Telegram

История

3

статьте лайки, подписывайтесь на канал

Спасибо за внимание

Игорь Суворов

telegram.me/isuvorov

vk.com/igor.suvorov

github.com/isuvorov

 

Вопросы?

NaN

2 hour practice

By Igor Suvorov

2 hour practice

* Изоморфность. Isomorphic & Universal webapp * Server side rendering * WebSockets & Socket.io * Docker * Подробный разбор React-starter-kit

  • 763