Fork, Commit, Merge - Medium Issue (Solid.js)

Aperta Adatta ai principianti
  • Qualcosa non va?
#8,571 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
75/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
javascript
Ambito
frontend

Direzione di ricerca

Inizia nella cartella task/solid/medium: esegui npm i, quindi apri src/App.jsx. Gli stili sono già in index.css e app.module.css, quindi ti serve solo la logica del componente. Aggiungi una fetch per una citazione con stati di caricamento, errore e successo, e un pulsante “New Quote” che esegue di nuovo la fetch. È completato quando la citazione e il suo stato attuale vengono visualizzati correttamente e il pulsante genera una nuova citazione.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

first-contributor first-contributors good first issue help wanted javascript solidjs up-for-grabs

Fork, Commit, Merge - Medium Issue (Solid.js)

Create a Quote Generator App in Solid.js

In this task, you will create a simple web app for generating a quote using the Solid.js framework. This will help you learn the basic handling data fetching in Solid.js.

Note: You don't have ask permission to start solving the issue or get assigned, since these issues are supposed to be always open for new contributors. The actions-user bot will reset the file back to previous state for the next contributor after your commit is merged. So you can just simply start working with the issue right away!

Issue created by zshaian.

Getting Started

You can start by navigating to the folder ./task/solid/medium

Once you are on that folder you can then install the packages that you are going to need to run Solid.js framework, you can do so by running npm i

After installing the dependencies you can open the src directory and App.jsx file, and start implementing your solution!

Image

All the CSS classes needed in this project has already been done for you in index.css and app.module.css.

Requirements

  • Update the component based on the fetching status: loading, error, success.
  • Display the current quote.
  • Generate a new quote when the "New Quote" button is clicked.

If you can display the quote and its current state while fetching, and be able to generate a new quote, you are ready to make a pull request.

To work with this issue, you need to have npm and NodeJS installed to your local machine.
Check out README.md for more instructions of installing npm and NodeJS as well as how to make a pull request.

Feel free to ask any questions here if you have some problems!

Also, kindly give this project a star to enhance its visibility for new developers!

Lingua principale
CSS
Stelle
511
Fork
2.6k
Merge medio
19h 9m
PR unite (30g)
94

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di fork-commit-merge/fork-commit-merge

Tutte le issue di fork-commit-merge/fork-commit-merge

Issue simili

Altre issue su Web Dev

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.