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
  • Appwrite - The Open Source Firebase alternative introduces iOS support
  • Sonar - Write Clean JavaScript Code. Always.
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • 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.

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • 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,100+ 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.

  • Sonar

    Write Clean JavaScript Code. Always.. Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.

  • 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

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

  • 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

    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:

  • InfluxDB

    Build time-series-based applications quickly and at scale.. InfluxDB is the Time Series Platform where developers build real-time applications for analytics, IoT and cloud-native services. Easy to start, it is available in the cloud or on-premises.

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