Skip to content

Instantly share code, notes, and snippets.

View yahyajamaldine's full-sized avatar
💭
I may be slow to respond.

yahya jamaldine yahyajamaldine

💭
I may be slow to respond.
View GitHub Profile
{
"user":{
"id":8484,
"email":"hello@email.com",
"name":"User",
"birthday":"01/01/1998"
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basic HTML 5 doument</title>
<link rel="Stylesheet" href="user.css" />
<script>
onload=()=>{
const show=document.getElementById("show");
@yahyajamaldine
yahyajamaldine / modal.html
Last active May 5, 2021 03:14
a modal in html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basic HTML 5 doument</title>
<style rel="stylesheet" type="text/css">
body{
min-height: 80vh;
display: grid;
import React from 'react';
import {render} from "react-dom";
import App from './App';
function renderComp(props){
render(<App {...props}/>,
document.getElementById('root')
);
}
import React from 'react';
import {render} from "react-dom";
import App from './App';
function renderComp(props){
render(<App {...props}/>,
document.getElementById('root')
);
}
import React,{Fragment} from"react";
import PropTypes from "prop-types";
export default function App({string,number,bool,func,array,object}){
return(<Fragment>
<p>{string}</p>
<p>{number}</p>
<p>{bool?"true":"false"}</p>
<p>{func()}</p>
<ul>
@yahyajamaldine
yahyajamaldine / react.js
Created February 17, 2021 16:07
including react in your website
<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script
<script type="text/javascript">
<!---Write Your React Code Here In Other Words Build Your Components Here-->
</script>
export junior;
export default junior;
import Junior from './file.js';
class Senior extends Junior{
constructor(){
super();
this.year='4 years';
this.fullTimeJob='yes';
}
}
const junior=new Junior();