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>
)
😄
- Las Palmas
- adrieloronoz.dev
- @adrielarocha
Block or Report
Block or report adriel87
Report abuse
Contact GitHub support about this user’s behavior. Learn more about reporting abuse.
Report abusePopular repositories
-
-
-
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.