React 서버 구성 요소에 대한 2년 된 대안

지난 거의 2년 동안 나와 내 친구들은 일상적인 프리랜스를 위해 맞춤형 프레임워크를 사용해 왔습니다.

Nullstack은 첫날부터 서버 기능의 개념을 가지고 있으며 내가 가장 좋아하는 기능 중 하나는 클라이언트 번들에 필요한 최소한의 종속성만 노출하지만 여전히 완전한 기능을 갖춘 SPA 프레임워크라는 사실입니다.

반응 서버 기능에 대한 최근 게시물에 비추어 우리가 생각해 낸 솔루션을 설명하는 비디오를 만들기로 결정했습니다.

이 영상은 Nullstack의 가장 많이 사용되는 기능을 20분 이내에 설명하는 플레이리스트의 마지막 부분입니다.



비디오는 오프라인에서도 작동하는 서버 구성 요소가 포함된 데모 뒤의 정신적 프로세스를 단계별로 보여주지만 일부 코드만 보고 싶은 사람들을 위해 다음과 같은 간단한 예가 있습니다.

import Nullstack from 'nullstack';
import {readFileSync} from 'fs';
import {Remarkable} from 'remarkable';

class About extends Nullstack {

  readme = '';

  static async getReadme() {
    const text = readFileSync('README.md', 'utf-8');
    const md = new Remarkable();
    return md.render(text);
  }

  async initiate() {
    this.readme = await this.getReadme();
  }

  render() {
    return (
      <article html={this.readme} />
    )
  }

}

export default About;

자세한 내용은 Nullstack Documentation에서 확인할 수 있습니다.