ArtieReus

const fs = require("fs")
const path = require("path")

const componentsDir = path.join(__dirname, "../src/components")
const indexFilePath = path.join(__dirname, "../src/index.ts")

let componentNames = new Set()
let exportedComponents = new Set()

// Read components from the directory

ArtieReus

React & Rockets

Welcome to our live little coding exercise! 👋

Welcome to this exciting exercise where you'll get hands-on experience with JavaScript and Rockets using the SpaceX Open Source REST API. In this exercise, you'll have the chance to interact with data related to launches and rockets. Let's dive in and start exploring!

Exercise (approximately 1 hour)

ArtieReus

Make sure you have vscode and vscode CLI installed

1. Download and install vscode from the official site from visualstudio

2. Generate a symbolic link to be able to use the vscode CLI from the command line

     cd /usr/local/bin/code
     ln -s "/Applications/Visual Studio Code.app/Contents/Resources/app/bin/code"

ArtieReus

1. First choose an existing react plugin in elektra and add a new folder under widgets with an init.jsx file:

cd elektra/plugins/lbaas2/app/javascript/widgets/
mkdir test
cd test
touch init.jsx

2. Create a init.jsx file with your react application. Ex:

ArtieReus

import React, {
  useEffect,
  useState,
  forwardRef,
  useRef,
  useCallback,
  createRef,
  useMemo,
} from "react"
import Select from "react-select"