import React from 'react'
import ReactDOM from 'react-dom/client'
interface MyProps {
name:string,
languages:string[],
hobbies:string[],
}
const AdrielDev = (props:MyProps) => {
return (
<>
<h1>{props.name}Dev</h1>
<p>I am currently familiar with the following languages or frameworks</p>
<ul>
{
props.languages.map(lenguage=> <li>{lenguage}</li>)
}
</ul>
<article>
<p>I also like</p>
{
props.hobbies.map(hobbie=> <p>{hobbie}</p>)
}
</article>
</>
)
}
const languages:string[] = ['Javascript','Typescript','React','Java','node','nestJS']
const hobbies:string[] = ['climb','coffe','program']
ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode>
<AdrielDev name='Adriel' languages={languages} hobbies={hobbies}/>
</React.StrictMode>
)
Popular repositories Loading
-
-
-
webpack-skeleton
webpack-skeleton Public archiveestructura de archivos preparada para montar app con webpack solo
JavaScript
-
-
nodeBasicConnect
nodeBasicConnect PublicUna pequeña guía para poder conectar a una base de datos
JavaScript
Something went wrong, please refresh the page to try again.
If the problem persists, check the GitHub status page or contact support.
If the problem persists, check the GitHub status page or contact support.


