Search
Game of Thrones Quiz Game with React and GraphQL: Set up GraphQL Query For the Quiz Questions
17.6.2019
Now we’ll create a component to render the data in the 8base backend. This component will handle the fetching of data using GraphQL queries and will render the fetched data accordingly. To get star
Game of Thrones Quiz Game with React and GraphQL: Setting up a React App
17.6.2019
To get started, we will use create-react-app to bootstrap our application. To create the application using the create-react app CLI, run:
Game of Thrones Quiz Game with React and GraphQL: Single Question Component
17.6.2019
Create a folder called question within the src/components directory and a file index.js within it. Open the file and copy the following into the file:
Brazil Authorities to Adapt Cross-Sector Regulations to React to Digital Transformation
14.6.2019
Brazilian regulators will create a cross-sector regulatory sandbox to respond to digital transformations powered by new technologies such as DLT
Components, yo.
14.6.2019
I see VuePress just went 1.0. Explained simply, it's a static site generator based on Vue. But of course, you work in Vue, which means you work in components.
All the modern JavaScript frameworks are component-based. Even when they disagree with each other about specific things (like how Svelte...
10 React Challenges (Beginner): Render Props
14.6.2019
Render Props allows React components to share reusable or customizable interfaces as functions through props.
In this react challenge, we will render 3 different cards with a single card com
10 React Challenges (Beginner): Use Context to Pass Data
14.6.2019
Data in React applications is usually passed to components, via props. By using props, data is sent from parent to child components.
Passing da
React Starter: The Many Ways to Return JSX
13.6.2019
JSX is a great tool because it has so much flexibility. There are many ways to achieve the same thing. For this reason, it can be confusing for new developers when they see different tactics for de
Using Cypress to Write Tests for a React Application
12.6.2019
End-to-end tests are written to assert the flow of an application from start to finish. Instead of handling the tests yourself — you know, manually clicking all over the application — you can write a test that runs as you build the application. That’s what we call continuous integration and it’s...
React Starter: JSX Basics
11.6.2019
JSX is the templating language for React. JSX is also one of the main reasons why devs say they dislike React at first.
As with all new tools, there will be a learning curve. JSX is no diffe
Building a UI Component with React and Storybook
11.6.2019
In the previous article, I gave an Introduction to Storybook and how it can be used to or
A Course About CSS Layout and Animations
6.6.2019
Christina Gorton just released a new course called CSS Layout and Animations as a part of Design+Code, which is a $9/month. That includes a ton of video training on everything from stuff like this to React to Sketch to iOS development... and beyond!
Christina approaches the course with my favorite...
10 React Challenges (Beginner): Recreate Layout with Components
5.6.2019
Components are the building blocks of React Applications, and each is a JavaScript function. These components comprise of Parent and Child components.
Data is passed from parent to child thr
Create a Custom useFetch() React Hook
5.6.2019
A custom hook is a JavaScript function with a unique naming convention that requires -
the function name to start with use and
the function may call other Hooks
Creating Animations Using React Spring
4.6.2019
Have you ever needed animation in your React application? Traditionally, implementing animation has not an easy feat to accomplish. But now, thanks to Paul Henschel, we there’s a new React tool just for that. react-spring inherits from animated and react-motion for interpolations, optimized...
React Async for Declarative Data Fetching
31.5.2019
Generally, there are two ways of writing code: Imperatively/Declaratively and two ways of fetching Data: Synchronously/Asynchronously. We are more convenient with making requests imperatively using
Class Components in Vue are No Longer Happening
30.5.2019
An upcoming Vue update was set to have classes implemented. In React and Angular, we can create components u
10 React Challenges (Beginner): Fetch and Display from an API
28.5.2019
A number of web applications and sites rely on third-party APIs and services for data.
In this React challenge, we will learn to make an API r
Collective #519
27.5.2019
Subgrid is here * BioRender * React Vertex * Pointcloud effect in Three.js * GitHub Sponsors
Collective #519 was written by Pedro Botelho and published on Codrops
Getting Started with React Testing Library
22.5.2019
I can guess what you are thinking: another React testing library? So many have already been covered here on CSS-Tricks (heck, I’ve already posted one covering Jest and Enzyme) so aren’t there already enough options to go around?
But react-testing-library is not just another testing library. It’s...