import { useState } from "react";

export default function Greeting() {
  const [name, setName] = useState("");
  return (
    <div>
      <input value={name} onChange={e => setName(e.target.value)} placeholder="Your name" />
      <p>Hello, {name || "stranger"}!</p>
    </div>
  );
}

import java.util.Scanner;

public class Greeting {
    public static void main(String[] args) {
        Scanner in = new Scanner(System.in);
        System.out.print("Your name: ");
        String name = in.nextLine();
        System.out.println("Hello, " + (name.isBlank() ? "stranger" : name) + "!");
    }
}

// React side
const res = await fetch("/api/orders/42");
const order = await res.json();
console.log(order.status);

// Java (Spring Boot) side
@RestController
@RequestMapping("/api/orders")
class OrderController {
    @GetMapping("/{id}")
    Map<String, Object> get(@PathVariable long id) {
        return Map.of("id", id, "status", "SHIPPED");
    }
}

Scan 20 job posts in your city
React / frontend roles:          ____
Java / Spring Boot roles:        ____
Full stack React + Java roles:   ____
Other frameworks mentioned:      ______________
Use the counts to decide what to learn first.

React path
1. HTML and CSS (layout, responsive design)
2. JavaScript: variables, functions, arrays, objects, async/await
3. React: components, props, state, events
4. Effects and fetching data
5. Routing and forms
6. Project: deployed app using an API

Java path
1. Syntax, types, loops, methods
2. OOP: classes, inheritance, interfaces
3. Collections and exceptions
4. SQL basics
5. Spring Boot: controllers, services, JPA
6. Project: REST API with database and tests

Tick what you enjoy
☐ Designing how screens look and behave        → React
☐ Writing business rules and data logic         → Java
☐ Seeing results instantly in a browser         → React
☐ Strong typing and structured code             → Java
☐ Building complete features end to end         → both, start with one

Six-month plan (choose one column)
            React path                    Java path
Months 1-2  HTML, CSS, JavaScript         Java core + OOP
Months 3-4  React + API project           SQL + Spring Boot API
Months 5-6  Second project + interview    Second project + interview
Later       Add a backend                 Add React frontend

Portfolio (either path)
☐ Project 1: small, complete, deployed
☐ Project 2: uses an API or database
☐ Project 3: solves a real problem for someone
Each with README, screenshots and tests where relevant