Desenvolvimento JavaScript Especializado

// Aplicações JavaScript modernas
import { useState, useEffect } from 'react';
import { fetchData } from './api';

function App() {
  const [data, setData] = useState([]);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    async function loadData() {
      try {
        const result = await fetchData();
        setData(result);
      } finally {
        setLoading(false);
      }
    }
    loadData();
  }, []);

  return (
    <div className="app">
      {loading ? (
        <p>Loading...</p>
      ) : (
        <div className="data-container">
          {data.map(item => (
            <div key={item.id}>{item.name}</div>
          ))}
        </div>
      )}
    </div>
  );
}