SPA 프레임워크 React.js를 사용하여 WordPress 가속화

React.js 정보





  • SPA 프레임 워크
  • Facebook사가 개발(2015년 오픈 소스화)
  • 네이티브 앱도 만들 수 있다 (React Native)
  • JavaScript (ES6,7)
  • JSX


  • 최근부터 유행했던 기술이 아니다.



    왜 지금 React.js?



    5년 전 하이브리드에 쓴 추억



    최근의 동향


  • HTML 기반에서 컴파일 유형을 포함한 크로스 플랫폼 기술의 최근 확대가 엄청납니다
  • 구글이나 마이크로소프트 등 대기업이 추진 (AngularJS·Xamarin)


  • HTML 기반에서 컴파일 된 유형을 포함하여 최근 몇 년 동안 멀티 플랫폼 개발이 확대되었습니다.
  • Google이나 Facebook 등 대기업이 추진
  • 성능이 꽤 좋아졌습니다. 네이티브와의 차이는 거의 없습니다


  • 특징


  • 단방향 데이터 바인딩
  • VirtualDOM으로 가속화
  • View의 일부 기능을 제공하는 라이브러리


  • 단방향 바인딩
    redux

    dafda

    풍부한 라이브러리
    axios

    3대 SPA 프레임워크



    3대 SPA 프레임워크




    adaaa
    Angular
    angular.js
    Vue.js


    This
    This
    This
    This

    컬럼
    컬럼
    컬럼
    컬럼

    will
    will
    will
    will



    하이브리드 앱과의 차이

    사례
    Facebook
    Instagram
    etc

    WordPress를 PWA로 만들고 싶습니다.



    로카로카 PWA

    WP touch 유료인가
    Super Progressive Web Apps 놀라운 별 5 만점
    하지만 React에서 SPA 앱을 만들고 싶습니다.
    WordPressAPI + React.js 옵션

    WordPress를 PWA로 만드는 이점

    네이티브 앱도 만들 수 있습니다.
    블로그를 네이티브 앱에 내장. Mokuha의 반대 (즉, 블로그를 기본 앱으로 확장)
    서버측 렌더링
    고속화의 기대

    공연

    미래

    HTML 태그를 빼고 페이지뷰가 높은 기사와 낮은 기사 분석
    단어와
    블로그 채점
    네이티브화
    고품질 사진 유료화
    운영을 위해 Google 애널리틱스에서 데이터를 검색하고 동일한 화면에 분석 데이터를 표시하면서 블로그를 웹 서핑

    좋은 웹페이지 즐겨찾기