@letx.be/react v0.0.5

Letx.be React

Letx.be provides simple CMS for all modern websites. This repository helps ReactJS developers to embed Letx.be in their web apps.

Getting Started

Follow the same instructions for development and production environment.

Prerequisites

Install the @letx.be/react package

npm install @letx.be/react --save

Installing

A step by step series of examples that tell you how to Letx.be running. First, signup to Letx.be ( https://app.letx.be/onboard )

Initialize the Letx.be scripts using the below code

import LetXBe from '@letx.be/react';
let LxB = LetXBe("YOUR_API_KEY", { live: true }); //use {live:true} if you want to update your content in real-time 

You can get "YOUR_API_KEY" from https://app.letx.be/setup after signing in

Now create a variable using "Create Variable" button after login in. Then copy the shortcode. Example below

<LxB id="1adxslXBi9GP1oPv2pGB" xname="Your Sample Content" />

Finally paste the shortcode inside your your code. The final code should look like the one below.

import React, { Component } from 'react';
import LetXBe from '@letx.be/react';
let LxB = LetXBe("YOUR_API_KEY", { live: true });

class App extends Component {
  render() {
    return (
      <div className="App">

        <h1>Your example Heading</h1>

        <LxB id="1adxslXBi9GP1oPv2pGB" xname="Your Sample Content" />

      </div>
    );
  }
}

export default App;

License

This project is licensed under the MIT License - see the LICENSE.md file for details