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
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • 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.

  • 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.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • 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.

  • ohmyzsh

    🙃 A delightful community-driven (with 2,300+ 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.

  • 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.

  • 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:

  • 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.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • 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.

  • BracketPair

    Discontinued 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • node

    Node.js JavaScript runtime ✨🐢🚀✨

  • 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.

  • 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:

  • 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.

  • 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.

  • 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.

  • 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.

  • fetching-yelp-api

    Discontinued 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.

  • 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:

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
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