React

import React, {Component} from "react";

class Language extends Component {
    state = {
        language: [
            {
                name: 'Java',
                sphere: ['backend', 'enterprise', 'mobile development']
            },
            {
                name: 'Golang',
                sphere: ['backend', 'cloud systems', 'system development']
            },
            {
                name: 'JavaScript', sphere: ['frontend', 'backend', 'desktop']
            }
        ],
        framework: [
            {name: 'Spring Framework', language: this.state.language.name[0]},
            {name: 'React JS', language: this.state.language.name[2]},
            {name: 'Gorilla', language: this.state.language.name[1]}
        ]
    };

    render() {
        let framework = this.state.framework;
        let language = this.state.language;

        return (
            <div>
                <h2>Top 3 languages: </h2>
                <div>
                    <strong>Language: {language.name}</strong>
                    <strong>Sphere: {language.sphere[0]}</strong>
                </div>
                <br/>

                <div>
                    <strong><i>Framework: {framework.name}</i></strong>
                    <strong><i>Language: {framework.language}</i></strong>
                </div>
            </div>
        );
    }
}

export default Language;