claeusdev

                        
                    ​x 1this ins markdown

claeusdev

                        
                     1contaraints

claeusdev

                        
                    ​x 1this ins markdown

claeusdev

  .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

claeusdev

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")
});

claeusdev

1. Carefully do the official [tutorial][].
2. Read the official guide to [main concepts][].
3. Read the official [advanced guides][].
4. 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).
5. Go through the [React "fiber" architecture][] which is the default reconciler since React 16.
6. Go crazy, build your own projects, and stop doing React tutorials!

claeusdev

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

claeusdev

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."
}

claeusdev

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>>({

claeusdev

class Admin::AdminPostsController < InheritedResources::Base

  layout 'admin'
  before_filter :require_login
  before_action :set_post
  before_action :set_branches
  before_action :set_sections
  load_and_authorize_resource

  def index