Fetching Yelp API via Netlify Function with React.js

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Scout APM - Less time debugging, more time building
  • SonarQube - Static code analysis for 29 languages.
  • OPS - Build and Run Open Source Unikernels
  • GitHub repo HomeBrew

    🍺 The missing package manager for macOS (or Linux)

    I work on a 27-inch iMac, currently running macOS Catalina 10.15.7 with Homebrew package manager version 3.1.5 and Command Line Tools for Xcode 4.2.

  • GitHub repo berry

    📦🐈 Active development trunk for Yarn ⚒

    My runtime environment in Node.js, I stick to 15.14.0 version with npm version 7.7.6. A package manager of my choice is yarn, version 1.22.10.

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo zsh

    Mirror of the Z shell source code repository.

    For CLI, I use Apple Terminal with Zsh shell which is default in Catalina. To manage Zsh configuration I use Oh My Zsh framework with miloshadzic theme. To track changes in my code I use git, version 2.31.1.

  • GitHub repo ohmyzsh

    🙃 A delightful community-driven (with 2,000+ contributors) framework for managing your zsh configuration. Includes 300+ optional plugins (rails, git, macOS, hub, docker, homebrew, node, php, python, etc), 140+ themes to spice up your morning, and an auto-update tool so that makes it easy to keep up with the latest updates from the community.

    For CLI, I use Apple Terminal with Zsh shell which is default in Catalina. To manage Zsh configuration I use Oh My Zsh framework with miloshadzic theme. To track changes in my code I use git, version 2.31.1.

  • GitHub repo Git

    Git Source Code Mirror - This is a publish-only repository but pull requests can be turned into patches to the mailing list via GitGitGadget (https://gitgitgadget.github.io/). Please follow Documentation/SubmittingPatches procedure for any of your improvements.

    For CLI, I use Apple Terminal with Zsh shell which is default in Catalina. To manage Zsh configuration I use Oh My Zsh framework with miloshadzic theme. To track changes in my code I use git, version 2.31.1.

  • GitHub repo webpack

    A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.

    To avoid complicated and time consuming configuration process (Webpack is my Achilles heel), I use Create React App starter kit, version 4.0.3. All I need to do is open Terminal in directory in which I wanna build my app and use this command:

  • GitHub repo OneDark-Pro

    Atom's iconic One Dark theme for Visual Studio Code

    I write my code in Visual Studio Code with bunch of extensions (OneDark-Pro, Auto Rename Tag, Bracket Pair Colorizer, indent-rainbow, File Utils, to name a few), I use One Dark Pro Color Theme and Material Icon Theme.

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • GitHub repo vscode-auto-rename-tag

    Automatically rename paired HTML/XML tag

    I write my code in Visual Studio Code with bunch of extensions (OneDark-Pro, Auto Rename Tag, Bracket Pair Colorizer, indent-rainbow, File Utils, to name a few), I use One Dark Pro Color Theme and Material Icon Theme.

  • GitHub repo BracketPair

    Bracket Colorizer Extension for VSCode

    I write my code in Visual Studio Code with bunch of extensions (OneDark-Pro, Auto Rename Tag, Bracket Pair Colorizer, indent-rainbow, File Utils, to name a few), I use One Dark Pro Color Theme and Material Icon Theme.

  • GitHub repo vscode-indent-rainbow

    Extension which shows indentation with a faint rainbow colored background to make them more readable

    I write my code in Visual Studio Code with bunch of extensions (OneDark-Pro, Auto Rename Tag, Bracket Pair Colorizer, indent-rainbow, File Utils, to name a few), I use One Dark Pro Color Theme and Material Icon Theme.

  • GitHub repo vscode-fileutils

    Visual Studio Code Extension

    I write my code in Visual Studio Code with bunch of extensions (OneDark-Pro, Auto Rename Tag, Bracket Pair Colorizer, indent-rainbow, File Utils, to name a few), I use One Dark Pro Color Theme and Material Icon Theme.

  • GitHub repo vscode-material-icon-theme

    Available on the VSCode Marketplace

    I write my code in Visual Studio Code with bunch of extensions (OneDark-Pro, Auto Rename Tag, Bracket Pair Colorizer, indent-rainbow, File Utils, to name a few), I use One Dark Pro Color Theme and Material Icon Theme.

  • GitHub repo git

    A fork of Git containing Windows-specific patches. (by git-for-windows)

    For CLI, I use Apple Terminal with Zsh shell which is default in Catalina. To manage Zsh configuration I use Oh My Zsh framework with miloshadzic theme. To track changes in my code I use git, version 2.31.1.

  • GitHub repo node

    Node.js JavaScript runtime :sparkles::turtle::rocket::sparkles:

    My runtime environment in Node.js, I stick to 15.14.0 version with npm version 7.7.6. A package manager of my choice is yarn, version 1.22.10.

  • GitHub repo create-react-app

    Set up a modern web app by running one command.

    To avoid complicated and time consuming configuration process (Webpack is my Achilles heel), I use Create React App starter kit, version 4.0.3. All I need to do is open Terminal in directory in which I wanna build my app and use this command:

  • GitHub repo cli

    the package manager for JavaScript (by npm)

    My runtime environment in Node.js, I stick to 15.14.0 version with npm version 7.7.6. A package manager of my choice is yarn, version 1.22.10.

  • GitHub repo yarn

    The 1.x line is frozen - features and bugfixes now happen on https://github.com/yarnpkg/berry

    My runtime environment in Node.js, I stick to 15.14.0 version with npm version 7.7.6. A package manager of my choice is yarn, version 1.22.10.

  • GitHub repo Visual Studio Code

    Visual Studio Code

    I write my code in Visual Studio Code with bunch of extensions (OneDark-Pro, Auto Rename Tag, Bracket Pair Colorizer, indent-rainbow, File Utils, to name a few), I use One Dark Pro Color Theme and Material Icon Theme.

  • GitHub repo Clipy

    Clipboard extension app for macOS.

    I'd like to mention about very handy extension for VSCode called ES7 React/Redux/GraphQL/React-Native snippets, maintained by Damian Sznajder. Although I started to put the most used code snippets into Clippy.

  • GitHub repo fetching-yelp-api

    Fetching Yelp API via Netlify Function with React.js

    Just one more remark: I will present all my code as screenshots. It'll give me possibility to highlight a newly typed code if I need to. For those who prefer copy and paste, everything is available on my GitHub.

  • GitHub repo node-sass

    :rainbow: Node.js bindings to libsass

    I will deal with SCSS later, in separate blog entry. For here and now, just to make sure everything is working correctly, I need to apply some possibly simplest style to my boilerplate code. To transpile SCSS to CSS, I need to install node-sass package. Version 6.0.0 just came out a few days ago, but for a sake of any possible compatibility issues, I'll install previous version which is 5.0.0:

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts