Made a weather App, ready for critique

This page summarizes the projects mentioned and recommended in the original post on /r/reactjs

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
  • axe-core

    Accessibility engine for automated Web UI testing

  • Some things can be checked with unit tests, but some cannot. For example, by using the https://testing-library.com (with e.g. Cypress, Puppeteer or Jest) you can choose to look up elements by role an label, which will force you to have that wired up correctly. You also have things like https://www.deque.com/axe/, which can check that your images have alt attributes, that you don't onClick events without keyboard alternatives, etc. But yeah, some tests just have to be done manually, I believe.

  • testing-library-docs

    docs site for @testing-library/*

  • Some things can be checked with unit tests, but some cannot. For example, by using the https://testing-library.com (with e.g. Cypress, Puppeteer or Jest) you can choose to look up elements by role an label, which will force you to have that wired up correctly. You also have things like https://www.deque.com/axe/, which can check that your images have alt attributes, that you don't onClick events without keyboard alternatives, etc. But yeah, some tests just have to be done manually, I believe.

  • 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
  • wet-eireann

  • This is the specific chart file, including those option and data objects. rainfallChart.jsx

  • react-chartjs-2

    React components for Chart.js, the most popular charting library

  • Yes it is chart.js using https://react-chartjs-2.js.org React components and chartjs-plugin-zoom/ for the controls, pan and zoom features. The setup itself was a little tedious setting up the correct options and data objects. There isn't an options constructor to instantiate option or data objects so no autocomplete or property lookup. A lot of trial and error.

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