Getting started with React by building a Pokemon search application

• PokemonSearch_React

  1 1 3.6 JavaScript

You can fork the complete source code on Github, and you can see the app in action here.

• create-react

  1 - -

This command, as their docs say, will install and execute create-react-app, the official React project scaffolding tool. The output of that command will be similar to the one below:

• SurveyJS

  surveyjs.io featured

  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.

  

• eslint-plugin-jsx-a11y

  18 3,335 6.3 JavaScript

  Static AST checker for a11y rules on JSX elements.

  

> [email protected] build > react-scripts build Creating an optimized production build... Compiled with warnings. [eslint] src/App.js Line 64:15: The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/HEAD/docs/rules/anchor-is-valid.md jsx-a11y/anchor-is-valid Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. File sizes after gzip: 58.34 kB (-1 B) build/static/js/main.b3bd969c.js 1.78 kB build/static/js/453.bd7a2879.chunk.js 677 B build/static/css/main.af098727.css The project was built assuming it is hosted at /. You can control this with the homepage field in your package.json. The build folder is ready to be deployed. You may serve it with a static server: serve -s build Find out more about deployment here: https://cra.link/deployment

• core

  287 45,020 9.8 TypeScript

  🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web. (by vuejs)

  

Vue.js (45k)

• Svelte

  639 76,895 9.9 JavaScript

  Cybernetically enhanced web apps

  

Also, I recently checked out Svelte and kinda like it, so will be doing a post like this next; stay tuned.

• react-buddy-react

  20 0 0.0 JavaScript

  A declarative, efficient, and flexible JavaScript library for building user interfaces.

  

React (218k)

• React

  1,717 223,386 9.9 JavaScript

  The library for web and native user interfaces.

  

In the previous tutorial I showed you how to get started with Vue.js 3 by building a Pokemon search application. I'm going to do the same here, but by using React.

• InfluxDB

  www.influxdata.com featured

  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.

  

• pages-gem

  587 1,809 8.1 Ruby

  A simple Ruby Gem to bootstrap dependencies for setting up and maintaining a local Jekyll environment in sync with GitHub Pages

  

You can deploy to Github Pages in under 2 minutes by following their documentation.

• node

  946 104,398 9.9 JavaScript

  Node.js JavaScript runtime ✨🐢🚀✨

  

Node.js - here's a free but outdated step by step guide/book for both Windows and Mac. Or, really, just go to the main website and download the executable for your machine

• create-react-app

  585 102,005 0.6 JavaScript

  Set up a modern web app by running one command.

  

In this post, you'll learn how to use create-react-app (official React project scaffolding tool) to build a React application for searching Pokemon by using Poke API.

• Visual Studio Code

  2,868 159,143 10.0 TypeScript

  Visual Studio Code

  

Now, let's open this project in the editor of your choice (I'm using Visual Studio Code), and you should see something like this:

Suggest a related project