- Carefully do the official [tutorial][].
- Read the official guide to [main concepts][].
- Read the official [advanced guides][].
- Watch [building React from scratch][] to get an idea of how React actually works (this covers the "stack" reconciler which was used in React 15 and earlier).
- Go through the [React "fiber" architecture][] which is the default reconciler since React 16.
- Go crazy, build your own projects, and stop doing React tutorials!
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { useState, useEffect, useCallback } from "react"; | |
| import { server } from "./server"; | |
| interface State<TData> { | |
| data: TData | null; | |
| loading: boolean; | |
| error: boolean; | |
| } | |
| export const useQuery = <TData = any>(query: string) => { | |
| const [state, setState] = useState<State<TData>>({ |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Queue.prototype.enqueue = function(value){ | |
| if(this.size < this.capacity){ | |
| this.storage[this.tail++] = value | |
| return this.size | |
| } | |
| return "Max capacity reached, remove one before you can add another." | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var Stack = function(capacity){ | |
| this.capacity = capacity || Infinity | |
| this.storage = {} | |
| this.size = 0 | |
| } | |
| Stack.prototype.push = function(val){ | |
| if(this.size < this.capacity){ | |
| this.storage[this.size] = value | |
| return this.size |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import DS from 'ember-data'; | |
| const {attr, hasMany, belongsTo} = DS | |
| // Employee-dataset | |
| export default DS.Model.extend({ | |
| label: attr("string"), | |
| bestuurseenheid: belongsTo("bestuurseenheid"), | |
| periods: hasMany("employee-period-slice") | |
| }); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .modal.fade#newNoteModal{tabindex: '-1', role: 'dialog', aria: {labelledby: "newNoteModalLabel"}} | |
| .modal-dialog{role: 'document'} | |
| .modal-content | |
| .modal-header | |
| %h5.modal-title#newNoteModalLabel Add new note | |
| %button.close{type: 'button', data: {dismiss: 'modal'}, aria: {label: "Close"}} | |
| .modal-body | |
| .modal-footer |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| x 1this ins markdown |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 1contaraints |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| x 1this ins markdown |
NewerOlder