<commit_before>/*Create a new component. This component should produce some html*/
//some HTML


//Take this component<commit_msg>delivered the first component. Yehaa!<commit_after>import * as React from "react";
import ReactDom from "react-dom";
/*Create a new component. This component should produce some html*/
//some HTML

//const is doing the same thing as var
//const means that is not gonna change
//we return JSX a subset of html
const App = () => {
    return <div>Hi,dude!</div>;
}

//Take this component's generated html and put it on the page
ReactDom.render(<App/>, document.querySelector('.container'));
{'fraction_non_alphanumeric': 0.11326860841423948, 'fraction_numerical': 0.0, 'mean_word_length': 4.201680672268908, 'pattern_counts': {'":': 0, '<': 6, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2520615', 'n_tokens_mistral': 172, 'n_tokens_neox': 169, 'n_words': 79}