tamarasaurus

set $mod Mod4

font pango:monospace 8
# font pango: Roboto-Mono Condensed 11
# font pango: Input Mono 11

# This font is widely installed, provides lots of unicode glyphs, right-to-left
# text rendering and scalability on retina/hidpi displays (thanks to pango).

 font pango:DejaVu Sans Mono 8

tamarasaurus

• front
  • application
  • assets
  • domain
• infrastructure

tamarasaurus

• Index page
  • Header
    • Title
  • Main
    • Create button
    • Delete button
• Product list

tamarasaurus

• Index page
• Title
• Create button
• Delete button
• Product list

tamarasaurus

@import "./web/bundles/pimui/lib/bootstrap/less/bootstrap.less";
@import (less) "./web/bundles/pimui/lib/font-awesome/css/font-awesome.css";
...
@import "./web/bundles/pimui/less/lib/bootstrap.switch.less";
@import "./web/bundles/pimui/less/base/general.less";
...
@import "./web/bundles/pimui/less/pages/Default.less";
@import "./web/bundles/pimui/less/pages/FullPage.less";
@import "./web/bundles/pimui/less/pages/Login.less";

tamarasaurus

class ReferenceEntityListController extends BaseController {
  renderRoute() {
    mediator.trigger('pim_menu:highlight:tab', {extension: 'pim-menu-reference-entity'});
        ...
    ReactDOM.render(
      <Provider store={store}>
        <ReferenceEntityView />
      </Provider>,
      this.el
    );

tamarasaurus

import { reverse } from 'underscore'

export default function() {
    return reverse([1, 2, 3])
}

tamarasaurus

define(['underscore'], function(_){
    return _.reverse([1, 2, 3]);
})

tamarasaurus

// CustomUIBundle/Resources/public/js/fields/name-text-field.js

define(['pim/form', 'jquery'], function (BaseForm, $) {
  return BaseForm.extend({
    placeholder: null,
    template: _.template(`
      <input value="<%- value %>" type="text" placeholder="<%- placeholder %>">
    `),
    events: {
      'change input': 'updateData'

tamarasaurus

// CustomUIBundle/Resources/public/js/forms/name-form.js

define(['pim/form', 'jquery'], function (BaseForm, $) {
  return BaseForm.extend({
    events: {
      'submit form': 'submitForm'
    },
    template: `
      <form>
          <div data-drop-zone="fields"></div>