Full-stack developers work on both frontend and backend development projects. According to LinkedIn, full-stack developer jobs are 4th most growing. BLS predicts 8% growth in web development jobs by 2029
React Router is a popular library for creating routes in React applications. BrowserRouter uses HTML5 history API for URL synchronization. Switch renders first matching Route or Redirect component. Route component renders UI when path matches current URL
By default, element width/height only applies to content box. Border and padding are added to total rendered size. Elements with padding/border don't fit on one line by default
React Router is a comprehensive routing solution for React applications. It offers pre-developed components and Hooks for modern routing strategies. React Router v6 was released in 2021 to address issues with v5
Fetch API is standard method for reading JSON files. Same syntax works for local and remote files. Local files may cause CORS errors in browsers. Live server in IDE prevents CORS errors
Flex property is a shorthand for flex-grow, flex-shrink, and flex-basis. Default value is 0 1 auto. Flex: 1 means making flex item flexible and setting flex basis to zero