Skip to content

Instantly share code, notes, and snippets.

View standiki's full-sized avatar
🎯
Focusing

Stanley Diki standiki

🎯
Focusing
View GitHub Profile

Authors Guide: Article Template

Please submit your article including all of the information below. You can include this as a seperate file if you like - but please complete each section. Please use an online service to write your article, for example Dropbox Paper, Draft.in, Google Docs. For more help, see the editorial guide

Article Title

Ideally under 67 characters, what problem does this article solve?

Quick Summary

@standiki
standiki / App.jsx
Created February 5, 2023 08:32
Burger Ingredient List
function App() {
return (
<div>
<h2>Burger Ingredients 🍔</h2>
<ul>
<li>Salad</li>
<li>Chicken</li>
<li>Meat</li>
<li>Cheese</li>
<li>Bacon</li>
@standiki
standiki / index.js
Created January 13, 2023 00:23
How to Set Up React The Easy Way - Index JS File
<!-- index.js -->
const Burger = () => {
return (
<div>
<h2>Burger Ingredients 🍔</h2>
<ul>
<li>Salad</li>
<li>Chicken</li>
<li>Meat</li>
<li>Cheese</li>
@standiki
standiki / index.html
Created January 13, 2023 00:15
How to Set Up React the Easy Way- HTML2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Load React -->
<!-- Note: when deploying, replace "development.js" with "production.min.js". -->
<script crossorigin src="https://unpkg.com/react@18/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!-- Load Babel -->
@standiki
standiki / index.html
Created January 12, 2023 23:03
Setting Up React The Easy Way - HTML-1
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Load our custom css file -->
<link rel="stylesheet" href="./index.css">
<title>Setting Up a React Project The Easy Way</title>
</head>