JavaScriptで、どれくらいのレベルなら、React.jsで困ることはないのでしょうか?
JavaScriptをどのくらいできたらReactの勉強をはじめるべきか - YouTube
JavaScript入門はいろいろありますが、下記を参照とします。
カレンダー表示については、CSSを駆使して、<table><td><th>などのタグを作ることが一般的かと思いますが、CSSはあまり興味ない方は、CSS Grid Layoutを使う方法を下記に示しますので、いろいろ発展させていってください。
<!DOCTYPE html>
<head>
</head>
<body>
<div class="wrapper" id="wrapper">
<div>日</div>
<div>月</div>
<div>火</div>
<div>水</div>
<div>木</div>
<div>金</div>
<div>土</div>
</div>
<style>
.wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
border:solid 1px #FF0000;
border-width: 2px 0 0 2px;
}
.wrapper div{
font-size: 30px;
height: 100px;
border:solid 1px #FF0000;
border-width: 0 2px 2px 0;
}
</style>
<script>
var wrapper_element = document.getElementById('wrapper');
for(var i=0;i<28;i++){
var new_element = document.createElement('div');
new_element.textContent = i+1;
wrapper_element.appendChild(new_element);
}
</script>
</body>