Come valutare le competenze di uno sviluppatore React 

Pubblicato: Ultimo aggiornamento:

Per qualsiasi organizzazione che voglia migliorare la propria presenza online, uno sviluppatore front-end è probabilmente una delle assunzioni più importanti. Il suo codice, la sua sensibilità UX e la sua capacità di lavorare con i team tecnici e di progettazione possono determinare il modo in cui le persone interpreteranno il vostro marchio. Una delle tecnologie più utilizzate per la programmazione lato client è la libreria JavaScript React.

Con l'aumento della domanda di React, in cima alla classifica annuale di Stack Overflow per il suo utilizzo. i "framework" web più ricercati anno dopo anno (e anche il nostro, per buona misura), c'è di conseguenza un'enorme richiesta di competenze di sviluppatori React. I selezionatori tecnici si trovano spesso in difficoltà quando non ricevono curriculum con un forte background e un set di competenze correlate. Il problema principale è che non sanno quali competenze specifiche cercare.

L'assunzione di uno sviluppatore React comporta molti processi complessi e lunghi. Quindi, come assumere il miglior sviluppatore React per la vostra azienda? Leggete la nostra guida completa per l'assunzione di uno specialista React esperto e adatto al vostro team.

Che cos'è React?1. Che cos'è React?

React (scritto anche come React.js o ReactJS) è una libreria JavaScript open-source utilizzata per costruire interfacce utente (UI) interattive. In termini di siti e applicazioni web, Le interfacce utente sono l'insieme dei menu a schermo, barre di ricerca, pulsanti e qualsiasi altra cosa con cui si interagisce per utilizzare un sito web o un'app. È stato creato da Facebook nel 2013 e viene utilizzato come base per una singola pagina web o per applicazioni mobili (con React Native).

React aiuta gli sviluppatori a costruire le UI come un albero di piccoli pezzi chiamati componenti. Un componente è una miscela di HTML e JavaScript che cattura tutta la logica necessaria per visualizzare una piccola sezione di un'interfaccia utente più grande. Ciascuno di questi componenti può essere costruito in parti successive e complesse di un'applicazione.

Una distinzione importante tra librerie come React e framework come Ember.js e Angular è che React si occupa solo del rendering dell'interfaccia utente e lascia molte cose a ciascun progetto. React è considerato un'architettura basata sull'opinione.

React si è affermato come una delle librerie più utilizzate dagli sviluppatori. Secondo il sito Sondaggio sullo stato dell'ecosistema degli sviluppatori 2020React è la piattaforma più utilizzata, con 63% di intervistati che dichiarano di utilizzarla, con un aumento di 10% rispetto allo scorso anno. Inoltre, React è al primo posto se si considerano i dati grezzi e l'uso massiccio dei download, con un lungo margine.

1.1. A cosa serve React e quali problemi risolve?

Prima di React, gli sviluppatori dovevano costruire le interfacce utente manualmente con "JavaScript vaniglia" (gli sviluppatori parlano del linguaggio JavaScript grezzo senza alcun framework di supporto) o con predecessori di React meno focalizzati sull'interfaccia utente come jQuery. Questo processo comportava tempi di sviluppo lunghi e maggiori possibilità di irregolarità e bug. La preminenza di React ha risolto rapidamente questi problemi.

Esistono centinaia di migliaia di siti web costruiti su React. È estremamente popolare grazie alla velocità delle sue funzionalità e alla capacità di adattarsi a progetti di dimensioni diverse. Alcuni esempi di siti popolari che utilizzano React sono Facebook, Instagram, Netflix, Reddit, Airbnb e Uber.

React semplifica la creazione di casi di test dell'interfaccia utente, la realizzazione di siti SEO-friendly, il riutilizzo di componenti su molte piattaforme, l'implementazione del codice esistente di un sito web in un'applicazione mobile, l'accelerazione delle prestazioni delle applicazioni web ad alta intensità di risorse e può essere utilizzato ovunque sia necessario JavaScript.

1.2. È simile a qualsiasi altro linguaggio o framework?

Il design e le funzionalità di React non sono molto simili a quelle di altri framework JavaScript.

Tuttavia, il framework Vue condivide delle somiglianze con React. Tra queste, la capacità di utilizzare un DOM virtuale, di fornire componenti di visualizzazione reattivi e componibili e di mantenere l'attenzione sulla libreria principale, mentre aspetti come il routing e la gestione dello stato globale sono gestiti da librerie complementari.

Ma c'è un'altra caratteristica: React costruisce l'HTML utilizzando la cosiddetta sintassi JSX, che assomiglia molto all'HTML originale. Quindi, in qualche modo, la conoscenza dell'HTML può essere altamente applicabile a React.

1.3. Quali sono i suoi principali vantaggi o caratteristiche?

Un chiaro vantaggio dell'uso di React è che utilizza uno stile di programmazione funzionale. La programmazione funzionale è il processo di costruzione del software attraverso la composizione di funzioni pure, evitando lo stato condiviso, i dati mutabili e gli effetti collaterali. La programmazione funzionale è dichiarativo piuttosto che imperativo e di conseguenza React utilizza pochissimo codice "boilerplate". Ciò significa che si può ottenere molto con piccole quantità di codice. L'apprendimento del processo può richiedere un po' di tempo, ma a lungo termine riduce i tempi di sviluppo e il rischio di errori di codifica.

React è dotato di due caratteristiche chiave che ne accrescono l'attrattiva per gli sviluppatori JavaScript: JSX e Virtual DOM.

JSX (acronimo di JavaScript eXtension) è una speciale estensione della sintassi di React che consente agli sviluppatori web di mescolare la sintassi HTML con quella JavaScript. Normalmente, il JavaScript nativo non consente questa funzione, quindi JSX riduce notevolmente la quantità di codice necessaria. Inoltre, poiché il supporto del browser React si estende a tutti i browser moderni, JSX è compatibile con qualsiasi piattaforma browser disponibile.

Se uno sviluppatore usa JSX per manipolare e aggiornare il DOM, React crea qualcosa chiamato DOM virtuale. Il DOM virtuale è una copia artificiale del DOM del sito e React usa questa copia per vedere quali parti del DOM reale devono essere modificate quando si verifica un evento (come un utente che fa clic su un pulsante). Questo tipo di aggiornamento selettivo richiede meno potenza di calcolo e meno tempo per rinfrescare la pagina. Nel complesso, rende l'esperienza molto più piacevole per i programmatori.

Cosa deve sapere un reclutatore IT su React2. Che cosa è importante che un reclutatore IT conosca di React?

Cosa deve sapere uno sviluppatore React? Una cosa importante da ricordare per un selezionatore IT è che React è una libreria/framework di visualizzazioni, che non determina il modo in cui gestiamo lo stato (dati) nelle nostre applicazioni. Per contrastare questo fenomeno, nel 2015 è stata rilasciata una popolare libreria per la gestione degli stati chiamata Redux, rimasta in uso fino al 2019.

Al giorno d'oggi, Redux ha perso trazione e React Hooks ha preso il suo posto come strumento principale per la gestione dello stato delle applicazioni. Oggi non si scrivono più nuove applicazioni con Redux molto spesso. Ma molti progetti, prodotti e aziende esistenti si affidano a Redux e dovranno mantenerlo attivamente per molti anni a venire.

2.1. Quanto spesso cambia lo stack tecnologico?

È difficile dirlo, perché non possiamo prevedere il futuro. Ogni 2-3 anni circa ci sono grandi cambiamenti, come la sostituzione dei mixin con componenti di ordine superiore o l'abbandono dei componenti di classe a favore di componenti funzionali basati su ganci.

2.2. Ci sono molte risorse/strumenti/tecnologie disponibili?

Per React è disponibile un'enorme quantità di materiale, tra cui molti tutorial gratuiti su come utilizzarlo. L'usabilità della libreria non è complicata come quella di Angular, ad esempio, quindi è popolare sia tra i programmatori principianti che tra quelli esperti.

Per quanto riguarda gli strumenti, sono disponibili tonnellate di plugin e librerie da utilizzare con React. Poiché il framework è stato sintetizzato da Facebook, l'ecosistema di supporto è davvero potente. Ci sono molte librerie JS che hanno i loro corrispondenti bindings per React. Un'ampia gamma di strumenti è ancora attivamente mantenuta per React e ciò è popolare tra i suoi utenti (è importante scegliere uno strumento che non sembri abbandonato né aggiornato).

Ci sono moltissime risorse là fuori per accoppiare o imparare React ad un altro livello e le migliori si possono trovare su siti web come Hongkiat.

2.3. Quali strumenti e tecniche deve conoscere uno sviluppatore React?

Uno dei modi più efficaci per familiarizzare con React è utilizzare i suoi strumenti per costruire applicazioni web per progetti reali. È quindi molto probabile che lo sviluppatore abbia avuto un'ampia esperienza in questo senso. La conoscenza di React Hooks, React Context API e Redux è fondamentale per uno sviluppatore React.

  • Per la creazione di elementi visivi, uno sviluppatore React deve avere una profonda conoscenza di HTML, CSS, SASS/LESS/Stylus. Inoltre, SVG sarebbe un bonus.
  • Una buona conoscenza di JavaScript è fondamentale, così come di Typescript.
  • Devono avere una conoscenza pratica di queste librerie: jQuery, MomentJS, Underscore e Lodash.
  • Uno sviluppatore React esperto sa come utilizzare questi strumenti JavaScript: npm, Yarn, la piattaforma Node.js (nel suo complesso) - e almeno uno degli strumenti per automatizzare la costruzione dell'applicazione: Webpack, Parcel o Rollup (Grunt, Gulp e Browserify erano popolari molto tempo fa, ma oggi non sono molto utilizzati).
  • Per quanto riguarda i test, devono conoscere TDD, BDD, Unit Test ed essere in grado di utilizzare con sicurezza strumenti di test come Jest o Enzyme. Anche Jasmine, Karma, Mocha e Selenium sarebbero utili.
  • Un buon background nella gestione di piattaforme cloud come SaaS, Amazon AWS, Google Cloud o Microsoft Azure è un requisito fondamentale.
  • Cercate una persona con competenze nelle piattaforme applicative software di questo tipo:

2.4. Che tipo di esperienza è importante cercare in uno sviluppatore React?

L'esperienza scientifica e accademica per React è quasi irrilevante. L'esperienza commerciale, invece, è molto importante. L'esperienza nel campo dell'open source è un requisito indispensabile, ma assolutamente non obbligatorio. Se uno sviluppatore gestisce una libreria di un sistema operativo popolare, sarebbe un vantaggio molto forte.

In generale, l'esecuzione di compiti semplici in React non è complicata, quindi molti aspiranti sviluppatori cercano di iniziare la loro carriera nello sviluppo front-end, spesso in React. Per questo motivo, sono molti i laureati dei boot-camp che vogliono ottenere il loro primo lavoro in React. È un grande vantaggio avere un'esperienza commerciale, rispetto a chi ha frequentato un boot-camp e spesso ha creato uno o due progetti a margine. È bello dare una possibilità agli esordienti, ma la loro esperienza non equivale a una conoscenza consolidata.

Verificare le competenze di Ract - competenze di sviluppatore react js3. Come verificare le competenze di uno sviluppatore React nella fase di screening?

Le competenze tecniche o hard skills sono competenze specifiche del lavoro necessarie per svolgere un lavoro. Queste competenze vengono apprese e sviluppate attraverso l'istruzione, i seminari, la formazione e le certificazioni.

D'altra parte, le soft skills riguardano le capacità interpersonali di una persona. Per loro natura, sono piuttosto difficili da misurare o quantificare. Le soft skills ci aiutano a definire il modo in cui un dipendente interagisce con gli altri e se possiede le qualità che si adattano alla cultura aziendale. Alcune delle soft skill più importanti per uno sviluppatore React sono:

  • Ottime capacità di comunicazione
  • Lavoro di squadra
  • Creatività
  • Capacità di gestire le critiche

3.1. Di cosa tenere conto quando si esamina un curriculum?

Sicuramente la prima cosa da ricercare in un curriculum è l'esperienza commerciale nello sviluppo di progetti front-end. Sempre l'esperienza di favore rispetto a un lungo elenco di strumenti diversi. Perché?

Il moderno sviluppo front-end ha introdotto centinaia di strumenti, che risolvono problemi simili in modi diversi, e a volte fanno la stessa cosa. Ci sono molte tendenze, alcuni strumenti possono essere popolari e due anni dopo sono già obsoleti, il panorama cambia molto velocemente.

Il fatto che qualcuno abbia citato lo strumento X nel proprio curriculum significa che è in grado di costruire qualcosa con esso. Ma non significa che abbia una solida comprensione del perché l'abbia fatto in questo modo, o quali siano i pro e i contro di altre soluzioni. La capacità di adattarsi a situazioni sconosciute è la vera chiave di volta: senza questa esperienza di base nella risoluzione di problemi diversi, uno sviluppatore può sapere solo ciò che ha usato o che gli è stato insegnato.

Quindi, nel complesso, è piuttosto semplice elencare decine di strumenti familiari in un curriculum, ma la soluzione dei problemi è molto più importante. Se qualcuno dovesse includere "progettare soluzioni" o "fornire architetture", sarebbe preferibile rispetto a un semplice elenco di nomi di strumenti.

Glossario React - Competenze dello sviluppatore di react js3.2. Quali termini del glossario è importante conoscere in React (compresi framework, librerie e versioni del linguaggio)?

Queste sono le parole chiave che vale la pena comprendere:

Architettura
  • Componenti della classe
  • Funzione(i) Componenti
  • Ganci di React
Gestione dello Stato
  • API contestuale di React
  • Redux
  • MobX
Stile
  • Componenti con stile
  • Emozione
  • CSS in JS
  • Moduli CSS
Tipizzazione statica o controllori di tipo
  • TypeScript
  • Flusso
Ecosistema
  • npm
  • Node.js
  • NVM
Fardello
  • webpack

Gli sviluppatori di React utilizzano anche React Native, che serve a creare applicazioni mobili native. React, abbinato a React Native, consente agli sviluppatori di utilizzare lo stesso codice sia per il browser che per i dispositivi mobili, il che rappresenta un grande vantaggio. Tuttavia, c'è ancora del codice importante specifico per ogni piattaforma che non può essere duplicato.

3.3. Quali versioni sono completamente diverse? Quali versioni sono simili tra loro?

Il numero di versioni non è così importante perché le persone non le imparano a memoria, tuttavia ci sono state alcune "epoche" nell'evoluzione di React.

Tenete presente che non è come Python v2 e v3, che non sono compatibili tra loro. Ciò che è più importante sono le architetture compilate. Naturalmente sono state aggiunte nuove versioni, ma React v16.8.3 non fa suonare il campanello a molti sviluppatori.

Le architetture che potrebbero essere conosciute (in ordine cronologico) comprendono:

  • Classe React basata su componenti
    • Mixins - un approccio molto vecchio. Al giorno d'oggi è essenzialmente legacy e dovrebbe essere evitato. Tuttavia, ci sono alcuni vecchi progetti in cui viene ancora utilizzato.
    • HOC (Higher-Order Components) - l'idea di questo approccio è che un HOC aggiunge un singolo comportamento a un componente (aggiunge una funzionalità). Molti progetti lo utilizzano ancora, ma è considerato un'eredità.
    • Oggetti di rendering - alcuni componenti non standard che non hanno interfaccia utente hanno solo logica e comportamento. E accettano questo "render prop" per definire cosa sia la vista. Quindi, per forza, separiamo la logica dall'interfaccia utente. Alcuni progetti potrebbero averlo, ma è considerato legacy.
  • Funzione React basata su componenti
    • Ganci di React - introdotto alla fine del 2018 e diventato rapidamente l'approccio dominante. Si tratta di un must assoluto al giorno d'oggi. Si basa sulla programmazione funzionale ed è completamente diverso dai componenti di classe. Una volta imparato, è più sicuro e meno soggetto a errori. Ma di solito ci vuole più impegno per impararlo, rispetto ai componenti di classe.

Tutti gli approcci sopra descritti cercano di raggiungere lo stesso obiettivo, anche se in modi diversi. Principalmente attraverso: la composizione di componenti, la combinazione di alcuni componenti più piccoli in un pezzo più grande, il miglioramento della riusabilità e il miglioramento della composizione.

3.4. Quali altre righe di un CV possono mostrare le competenze di uno sviluppatore React?

È inoltre importante che gli sviluppatori React abbiano una conoscenza approfondita delle competenze agnostiche dei framework, tra cui:

  • Linguaggio: JavaScript, ES6
  • JavaScript asincrono (promesse, eventi, async await e rxjs)
  • HTTP - il protocollo utilizzato da miliardi di dispositivi al giorno d'oggi che consente la comunicazione tra client e server.
  • Typescript e/o Flow (applicazioni React a digitazione statica)
  • Librerie UI come Material UI
  • In generale, architettura e modelli di progettazione.

3.5. Quali certificazioni sono disponibili e rispettate? Sono utili per determinare le competenze?

Nel panorama del front-end, non esistono certificazioni di tutto rispetto che valgano la pena di essere perseguite. Se ci sono certificazioni, non sono molto conosciute. È una situazione completamente opposta a quella di Java (con molte certificazioni disponibili).

Domande di intervista su React4. Screening tecnico delle competenze dello sviluppatore React durante un'intervista telefonica o video.

Se siete un reclutatore IT o un project manager, sapete bene che il successo del vostro progetto dipende dalla vostra capacità di trovare i migliori sviluppatori.

Di seguito troverete alcuni esempi di domande per il colloquio a cui potete fare riferimento quando cercate un nuovo sviluppatore React per realizzare le vostre applicazioni web.

4.1. Domande che dovreste porvi sullo sviluppatore di React esperienza. Perché dovreste porre ciascuna di queste domande?

  • Prestate attenzione ai test automatizzati?
    • Gli sviluppatori che non hanno l'abitudine di scrivere test di unità/e2e possono essere ottimisti sulla qualità del loro codice, ma in realtà il processo di test è vitale.
  • Avete supportato l'accessibilità (a11y) nei vostri progetti recenti?
    • È importante costruire siti web accessibili, soprattutto per le istituzioni governative e finanziarie, in modo che le persone con disabilità possano sfruttare al meglio le applicazioni.
  • Preferite codificare la logica di business o il livello visivo?
    • Il candidato dovrà dire qual è il suo punto di forza e quali sono i compiti che preferisce svolgere nel suo lavoro quotidiano.
  • Come ottimizzereste la vostra base di codice React?
    • Le risposte a questa domanda indicano esperienza. Una buona risposta dovrebbe includere varie tecniche come: memo, useMemo, PureComponent, rimozione dei calcoli non necessari e suddivisione dei componenti in parti più piccole (in modo che, a ogni modifica, venga renderizzato meno markup).

4.2. Domande che dovreste porvi sullo sviluppatore di React conoscenze e opinioni. Perché dovreste porre ciascuna di queste domande?

  • Perché la comunità ha rifiutato Redux (o almeno ha affermato che non è la strada da seguire per React)?
  • Indicate i pro e i contro di Redux e di React Context API. In quali casi si potrebbe usare uno piuttosto che l'altro?
  • Quali sono i vantaggi di React Hooks?
  • Indicare alcune tecniche di programmazione funzionale frequentemente utilizzate nelle applicazioni React.

Le domande di cui sopra sono di alto livello e consentono al candidato di posizionarsi durante il colloquio. Se il candidato è inesperto, sarete in grado di capirlo molto rapidamente.

Una cattiva risposta alla domandaPerché Redux è stato rifiutato?" sarebbePerché React Hooks è migliore'. Una risposta più informata potrebbe essere che, sebbene Redux fornisca molti vantaggi come la gestione prevedibile degli stati, l'esplicitezza, il viaggio nel tempo e la sostituzione a caldo dei moduli, in Redux viene aggiunto molto codice ripetitivo e l'accessibilità economica è diventata un problema per molti dei suoi utenti.

Tra le altre domande relative alla conoscenza e alle opinioni vi sono:

  • Perché React ha introdotto il DOM virtuale?
    • Rispondere non a ciò che è, ma perché è lì dimostra che uno sviluppatore comprende il design e l'architettura interna di React stesso. La risposta breve è: per le prestazioni, la flessibilità e la facilità di modifica della struttura HTML.
  • Quali problemi risolvono i moduli CSS?
    • È importante comprendere le sfide che si presentano nella gestione dei CSS nelle applicazioni React. Alcuni stili trapelano all'esterno e alcuni stili esterni trapelano all'interno dell'applicazione. I moduli CSS emulano gli stili locali.
  • Perché i refs (abbreviazione di references) sono sconsigliati?
    • Questo è importante perché dimostra la comprensione della filosofia di React. In breve, l'approccio tipico alla programmazione è imperativo. React segue un approccio dichiarativo. I riferimenti sono una fuga verso il mondo imperativo, che esiste al di fuori della filosofia di React. Dovrebbero essere usati solo come ultima risorsa.

4.3. Comportamento domande che dovreste porre a uno sviluppatore React. Perché dovreste porre ciascuna di queste domande?

  • Qual è stata l'attività React più difficile che avete dovuto implementare? Come l'avete affrontato?
    • La risposta a questa domanda mostrerà i compiti non familiari che lo sviluppatore ha dovuto affrontare. Ciò potrebbe riguardare l'apprendimento di nuove competenze, il lavoro di squadra o la collaborazione con un'azienda.
  • Se scopriste che esiste una nuova libreria per la gestione degli stati per React che sta guadagnando popolarità, la aggiungereste al vostro progetto, sapendo di avere già due modi diversi per gestire gli stati?
    • Come già detto, le tendenze in continua evoluzione sono un problema nel panorama del front-end. Gli strumenti cambiano, ma alcuni perdono la concentrazione e trattano gli strumenti come l'obiettivo stesso, invece di trattarli come un mezzo per raggiungere un obiettivo aziendale. Favorite sempre gli sviluppatori che hanno un occhio di riguardo per il risultato e non per la direzione da seguire per raggiungerlo.
  • Se ci fosse un nuovo approccio per gestire React, vorresti essere un early adopter?
    • Come sopra: non privilegiare i nuovi strumenti rispetto agli obiettivi aziendali. Riscrivere la propria base di codice costa tempo e denaro e gli sviluppatori devono esserne consapevoli.

Test di codifica React5. Screening tecnico delle competenze di uno sviluppatore React mediante un test di codifica online.

Assumere un ottimo sviluppatore React può rappresentare una sfida significativa, soprattutto se si sta facendo tutto il lavoro sporco da soli. Non c'è dubbio che il processo di solito richiede tonnellate di pazienza nel gestire tutte le pratiche e i colloqui.

Queste bacheche e mercati online sono un ottimo punto di partenza se si tratta di assunzioni a progetto. Tuttavia, per i grandi progetti che richiedono un impegno e un budget a lungo termine, avete bisogno di un'azienda di sviluppo software con un solido processo di reclutamento.

5.1. Quale test online per le competenze dello sviluppatore React scegliere?

Quando si cerca il giusto Test sulle competenze degli sviluppatori React è necessario assicurarsi che corrisponda ai seguenti criteri:

  • Il test riflette la qualità del lavoro professionale che viene svolto
  • La durata non è eccessiva, da una a due ore al massimo.
  • Il test può essere inviato automaticamente ed è di natura semplice.
  • Il livello di difficoltà corrisponde alle capacità del candidato
  • Il test va oltre la verifica del funzionamento della soluzione: controlla la qualità del codice e il suo funzionamento nei casi limite.
  • È il più vicino possibile all'ambiente naturale di programmazione e consente al candidato di accedere alle risorse pertinenti.
  • Fornisce al candidato l'opportunità di utilizzare tutte le librerie, i framework e gli altri strumenti che incontra regolarmente.

5.2. DevSkiller: test di competenze online per sviluppatori React pronti all'uso

I test di codifica DevSkiller utilizzano la nostra metodologia RealLifeTesting™ per rispecchiare l'ambiente di codifica reale in cui lavora il vostro candidato. Invece di utilizzare oscuri algoritmi, i test DevSkiller richiedono ai candidati di costruire applicazioni o funzionalità. Sono valutati in modo completamente automatico e possono essere sostenuti in qualsiasi parte del mondo. Allo stesso tempo, il candidato ha accesso a tutte le risorse che utilizzerebbe normalmente, tra cui librerie, framework, StackOverflow e persino Google.

Le aziende utilizzano DevSkiller per testare i candidati utilizzando la propria base di codice da qualsiasi parte del mondo. Per semplificare le cose, DevSkiller offre anche una serie di test di competenze di data science già pronti, come quelli qui riportati:

Reagire
MEDIO
Competenze testate
Durata
96 minuti al massimo.
Valutazione
Automatico
Panoramica del test

Domande a scelta

valutare la conoscenza di JavaScript, Reagire,

Lacune nel codice

valutare la conoscenza di JavaScript, Reagire, ES6

Attività di programmazione - Livello: Medio

JavaScript | React, Class Components, Enzyme | Contact Form - Terminare l'implementazione di un semplice modulo di applicazione React.

Reagire
JUNIOR
Competenze testate
Durata
39 minuti al massimo.
Valutazione
Automatico
Panoramica del test

Domande a scelta

valutare la conoscenza di JS, JavaScript, Reagire

Lacune nel codice

valutare la conoscenza di JavaScript, Reagire

Attività di programmazione - Livello: Facile

JavaScript | React, Class Components, Enzyme | Applicazione motore di ricerca - Implementare un'applicazione per cercare e filtrare prodotti in un negozio online.

TypeScript
JUNIOR
Competenze testate
Durata
51 minuti al massimo.
Valutazione
Automatico
Panoramica del test

Domande a scelta

valutare la conoscenza di Dattiloscritto

Lacune nel codice

valutare la conoscenza di JavaScript, Reagire

Domande a scelta

valutare la conoscenza di HTML, CSS

Attività di programmazione - Livello: Facile

TypeScript | React Hooks | Gestione dello stato dei film - Applicazione completa per la gestione dei film utilizzando React Hooks e implementando la gestione dello stato nelle viste esistenti.

Reagire
MEDIO
Competenze testate
Durata
113 minuti al massimo.
Valutazione
Automatico
Panoramica del test

Attività di programmazione - Livello: Difficile

JavaScript | React, Redux | Rubrica - Implementare le funzionalità mancanti di una piccola applicazione web React costruita su Redux.

Attività di programmazione - Livello: Medio

JavaScript | Node.js | Rubrica - Implementare endpoint per recuperare l'elenco dei contatti (con una fase di corrispondenza e limitazione dei risultati), recuperare i dettagli di un singolo contatto e cancellare il contatto dato.

Lacune nel codice

valutare la conoscenza di MongoDB

Reagire
SENIOR
Competenze testate
Durata
175 minuti al massimo.
Valutazione
Automatico
Panoramica del test

Attività di programmazione Front End - Livello: Senior

JavaScript | React, Redux | Rubrica - Implementare le funzionalità mancanti di una piccola applicazione web React costruita su Redux.

Attività di programmazione back end - Livello: Medio

JavaScript | Node.js | Rubrica - Implementare gli endpoint per recuperare l'elenco dei contatti (con una fase di corrispondenza e limitazione dei risultati), recuperare i dettagli di un singolo contatto e cancellare il contatto dato.

Reagire
JUNIOR
Competenze testate
Durata
35 minuti al massimo.
Valutazione
Automatico
Panoramica del test

Domande a scelta

valutare la conoscenza di JavaScript, Reagire

Attività di programmazione - Livello: Facile

Javascript | React | Calendar Notes - Implementare un'applicazione con cui l'utente può aggiungere una nota per una data scelta da un calendario.

JavaScript
JUNIOR
Competenze testate
Durata
35 minuti al massimo.
Valutazione
Automatico
Panoramica del test

Domande a scelta

valutare la conoscenza di JavaScript, Reagire

Attività di programmazione - Livello: Facile

JavaScript | React | Applicazione motore di ricerca - Implementare un'applicazione per cercare e filtrare i prodotti in un negozio online.

Reagire
JUNIOR
Competenze testate
Durata
55 minuti al massimo.
Valutazione
Automatico
Panoramica del test

Domande a scelta

valutare la conoscenza di JavaScript, Reagire

Attività di programmazione - Livello: Facile

JavaScript | React | Notepad - Completare una semplice applicazione di note utilizzando il servizio NotesService fornito per salvare e leggere le note. Questo compito utilizza: react/testing-library (come framework di test di react) e jest (come test runner).

Reagire
SENIOR
Competenze testate
Durata
59 minuti al massimo.
Valutazione
Automatico
Panoramica del test

Domande a scelta

valutare la conoscenza di JS, JavaScript, Reagire

Attività di programmazione - Livello: Difficile

React | Costruttore di siti web semplici - Questo compito valuta le competenze del candidato in Reagire, Redux e redux-form.

Reagire
MEDIO
Competenze testate
Durata
55 minuti al massimo.
Valutazione
Automatico
Panoramica del test

Domande a scelta

valutare la conoscenza di ES6, JavaScript, HTML, JS, Reagire, Sviluppo web

Attività di programmazione - Livello: Medio

JavaScript | React | Modulo di contatto - Completare il modulo in modo che abbia tutte le seguenti caratteristiche: l'utente può effettuare il login, quindi nome ed e-mail sono compilati, dopo l'invio del modulo deve apparire un messaggio di ringraziamento.

Condividi post

Per saperne di più sulle assunzioni nel settore tecnologico

Iscrivetevi al nostro Learning Hub per ricevere utili approfondimenti direttamente nella vostra casella di posta elettronica.

Verifica e sviluppo delle competenze di codifica senza soluzione di continuità.

Guardate i prodotti DevSkiller in azione.

Certificazioni di sicurezza e conformità. Ci assicuriamo che i vostri dati siano sicuri e protetti.

Logo DevSkiller Logo TalentBoost Logo TalentScore