Skip to content
💎 React-AFrame-TypeScript Starter Project
HTML TypeScript CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea
build
config
coverage
deps
public
src
temp
.gitignore
.travis.yml
LICENSE
README.md
aframe.d.ts
index.d.ts
logos.png
package.json
tsconfig.json
tsconfig.test.json
tslint.json
yarn.lock

README.md

React + AFrame + TypeScript Boilerplate

Features:

  • ReactJS: component architecture, virtual DOM and functional programming

  • A-Frame: 3D scenes, Virtual Reality and WebGL (based in ThreeJS)

  • TypeScript: provides a type system for JavaScript

  • React Router: navigation between pages (3D scenes). AFrame library is loaded at the begining once, not at each page change. Using only AFrame and JavaScript without React-Router, all AFrame code must be loaded at each page.

  • This project is based on create-react-app-typescript. Documentation (link)

Demo

Installation, execution and build

  • Clone or download the repository

  • Using Yarn, run in the command line:

    # Install
    $ yarn add
    
    # Run
    $ yarn start
    
    # Build
    $ yarn build
  • Using Npm:

    # Install
    $ npm install
    
    # Run
    $ npm start
    
    # Build
    $ npm build

Tests

# yarn
$ yarn test

# npm
$ npm test

Code Coverage

  • Report
  • Run code-coverage script:
# yarn
$ yarn yarn_code_coverage

# npm: mutatis mutandi

Analysis of Dependencies

  • Report
  • Run analysis of dependencies script:
# yarn
$ yarn analize

# npm: mutatis mutandi

Back to top ↑

You can’t perform that action at this time.