React Project Browser - AmieDD

amiedd
1,348 views

Open Source Your Knowledge, Become a Contributor

Technology knowledge has to be shared and made accessible for free. Join the movement.

Create Content

Welcome!

This React template lets you get started quickly with a simple working example using React (with yarn). No need to download anything, this React Project works in your browser

Code, cosplay, and games www.amiedd.com

Hands-on Demo

Sample React App Boilerplate
import React from 'react';
import './app.css';
import logo from './logo_og.png';
export default class App extends React.Component {
constructor(props) {
super(props);
this.state = {
title: `[TECH.IO] React template`
};
}
render() {
return (<div>
<img className='logo' src={logo}></img>
<h1 className='title'>
{this.state.title}
</h1>
</div>);
}
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Check out the markdown file welcome.md to see how this exercise is injected into the template.

Template Resources

markdowns/welcome.md
What you are reading here is generated by this file. Tech.io uses the Markdown syntax to render text, media and to inject programming exercises.

react-project
A simple React project dedicated to run the exercise above. A project relies on a Docker image to run. You can find images on the Docker Hub or you can even build your own.

techio.yml
This mandatory file describes both the table of content and the programming project(s). The file path should not be changed.

Advanced Tech.io features

Tech.io provides all the tools to make great online hands-on content, quizzes, web consoles, and visual content. Please refer to the documentation to learn more about the possibilities.

Open Source Your Knowledge: become a Contributor and help others learn. Create New Content