App Router
Next.js has a built-in router that allows you to navigate between pages.
Next.js has a built-in router that allows you to navigate between pages.
Next.js is a React framework that enables server-side
There are special "props" called Children. Sometimes you
Modify the code in App.tsx and add following code
Another way of using styles is to import the css directly into
React is built from so called "components", The word has
In essence hooks are reusable functions.
Catching rendering errors with an error boundary
Now that we have our project, we can open it in the code
Before React version 16.8 function components didn't have
Once node and npm/yarn are installed, we can get started
GraphQL is a query language for APIs and a runtime for executing those queries with your existing data.
Hooks were added to React in version 16.8.
As said, we can style React apps by including the CSS in a "regular"
Although I wouldn't recommend using elaborate styling inline,
Okay... but what is that ``-thing?
In a real-life situation you will of course need to deal with
In React, observables are typically used with libraries like
As in any NodeJS application, the dependencies are managed by
Next.js has a built-in router that allows you to navigate between pages.
What are props (properties)? Props are "settings" for a
Implementation of the "Employee Card".
Implementation of the "Employee Card".
The syntax for adding children to a component is the same for
It seems rather strange, but React doesn't ship with
As said, Next.js executes pages by default at the server level. So React hooks cannot be used
A single-page application (SPA) is a web application or
One of the most important - if not the most important -
File: src/App.tsx
File: src/App.tsx
Styling a React app is the same as styling a "regular" html
Naming
To use URL params, react-router-dom provides a custom hook
The React useCallback hook returns a memoized callback function.
React Context is a way to manage state globally.
The useEffect Hook allows you to perform side effects in your components.
The useReducer hook is similar (in functionality) to
The useRef has two purposes:
The React useState Hook allows us to track state in a