Skip to main content

39 docs tagged with "React"

View all tags

App Router

Next.js has a built-in router that allows you to navigate between pages.

Children

There are special "props" called Children. Sometimes you

Components

React is built from so called "components", The word has

File structure

Now that we have our project, we can open it in the code

GraphQL Client

GraphQL is a query language for APIs and a runtime for executing those queries with your existing data.

Hooks

Hooks were added to React in version 16.8.

index.html

As said, we can style React apps by including the CSS in a "regular"

Inline Styles

Although I wouldn't recommend using elaborate styling inline,

JSX

Okay... but what is that ``-thing?

Looping

In a real-life situation you will of course need to deal with

Observables

In React, observables are typically used with libraries like

package.json

As in any NodeJS application, the dependencies are managed by

Pages & Routes

Next.js has a built-in router that allows you to navigate between pages.

Props

What are props (properties)? Props are "settings" for a

Server & Client

As said, Next.js executes pages by default at the server level. So React hooks cannot be used

SPA

A single-page application (SPA) is a web application or

State

One of the most important - if not the most important -

Styling

Styling a React app is the same as styling a "regular" html

URL Params

To use URL params, react-router-dom provides a custom hook

useCallback

The React useCallback hook returns a memoized callback function.

useContext

React Context is a way to manage state globally.

useEffect

The useEffect Hook allows you to perform side effects in your components.

useReducer

The useReducer hook is similar (in functionality) to

useRef

The useRef has two purposes:

useState

The React useState Hook allows us to track state in a