UI elements are an important piece on the development of an application, but yet another really important part is the data and how we manage it. There are many options for state management but one of the most popular across frameworks is Redux. With time it has become a useful resource for not only managing but helping debug and test the business logic of our applications.

Nonetheless, it has been pointed out that Redux might require a complicate setup, extra weight with many dependencies and quite a good amount of boilerplate code. Redux Toolkit not only addresses these concerns but…


Overview:

  1. Set project structure and dependencies
  2. Set graphql schema
  3. Setup graphql server
  4. Run and enjoy!

note: I am using node (v14.15.3)

To begin with, create your project folder and add the following code in /package.json

{
"name": "recipe-graphql-api",
"version": "0.0.1",
"scripts": {
},
"dependencies": {
"@prisma/client": "^2.13.1",
"dotenv": "^8.2.0",
"graphql-yoga": "^1.18.3",
"nexus": "^1.0.0",
"nexus-plugin-prisma": "^0.27.0"
},
"devDependencies": {
"@prisma/cli": "^2.13.1",
"@types/node": "12.19.11",
"dotenv-cli": "^4.0.0",
"husky": "^4.3.6",
"lint-staged": "^10.5.3",
"prettier": "^2.2.1",
"ts-node": "^9.1.1",
"ts-node-dev": "^1.1.1",
"typescript": "^4.1.3"
},
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"src/**/*.{js,jsx,ts,tsx,json,css,scss,md}": …


A GraphQL motivation guide for the first steps on building better APIs

In software development, it is now common to see backend implementations as REST APIs which handle the data requests of a client and up to some extent act as a guard of the database or services where the data resides.

The technology stack for an API varies between companies but the most common ones involve DBMS like MongoDB, MySQL or PostgreSQL with a broad combination of different languages such as JavaScript, Python, and PHP.

Victor Iris

Sr. FullStack Engineer at DigitalOnUs. Passionate about coding new things for a better tomorrow. Experience with PHP, JavaScript, C++ and more.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store