HOME DOCS PWA ABOUT
  1. Replicator
    1. Write
    2. Read
    3. Authorization
    4. Distribution
    5. Upgrading the Container
  2. Concepts
    1. Storing Information
    2. Writing Specifications
    3. Projecting Results
  3. Create an App
    1. Create React App
    2. Install Jinaga
    3. Define a Model
    4. Initialize a Starting Point
    5. Declare a Component
    6. Match Successor Facts
    7. Select a Sub-Specification
    8. Filter Out Prior Versions
  4. Conventions
    1. JavaScript
    2. TypeScript
  5. Reference
    1. JinagaBrowser.create
    2. buildModel
    3. j.login
    4. j.fact
    5. given.match
    6. j.query
    7. j.watch
    8. j.hash
    9. AuthorizationRules
    10. JinagaTest.create
  6. Jinaga React
    1. Composition
    2. Field Specification Functions
      1. field
      2. projection
      3. collection
      4. property
      5. mutable
      6. array
  1. Create an App

Create React App

Before using this walkthrough, please create a Jinaga replicator. Initialize it using the write endpoint. Jinaga.JS supports React and React Native.

React

The easiest way to start is with Create React App. Be sure you have the latest version of Node.js installed. If you are on Windows, be sure that Node is installed in WSL. If you seen an error about UNC paths, then it is running the Windows version.

Then run the following command in the WSL terminal:

npx create-react-app my-application --template typescript

Here we used the TypeScript template, which is recommended for Jinaga. If you prefer plain JavaScript, run the command without the --template typescript option.

The above command will create a folder called my-application in the current directory. That folder will contain a brand new React application. Change to that new folder and open VS Code:

cd my-application
code .

Next open the terminal window in VS Code and from there run the app with npm start.

React Native

The easiest way to start a React Native app is with Expo. If you are on Windows, be sure to run this command in PowerShell, not in WSL.

npx create-expo-app my-application -t expo-template-blank-typescript

Then change to that folder and open VS Code:

cd my-application
code .

In the original PowerShell window, run the app with npm start. It's best to use the PowerShell window for this, because it will show a QR code that you will need to scan with your phone.

Continue With

Install Jinaga