cjcenizal

# This script reorganizes the src folder to enable importing styles per layer.
#
# - Deletes pre-existing _index.scss files from each package
# - Creates layer-based import files for each package
# - Populates these files with the correct imports
# - Renames object folder to objects, and module folder to modules
# - Prints `@import` statements for use in main.scss, to import all layers
#
# Usage:
# - cd into the dir that contains this script

cjcenizal

How I think about code

• Invert control to simplify Components
• Encapsulate concerns and abstract away complexity
• Encourage mental models with interfaces
• Monoliths aren't always bad
• Data structures and their relationships before code

Invert control to simplify Components

cjcenizal

// In the View component
componentWillUpdate(nextProps) {
  // Each view or subview should check the results of
  // its API requests to make sure the user is authorized.
  handleUnauthorizedErrors([
    nextProps.someApiError,
  ], () => {
    // If not, then the user should be redirected to the
    // login location, with a subsequent redirect back
    // to the current location in the app.

cjcenizal

├── installedPlugins
│   └── timelion
│       └── public
│           ├── app.less
│           ├── chart.less
│           ├── suggestions.less
│           └── vis
│               └── timelion_vis.less
├── node_modules
│   ├── angular-bootstrap-colorpicker

cjcenizal

This has been migrated to https://github.com/elastic/kibana/blob/master/style_guides/css_style_guide.md

Concepts

Think in terms of components

Think in terms of everything as a component: a button, a footer with buttons in it, a list, a list item, the container around the list, the list title, etc.

Keep components as granular as possible.

cjcenizal

PUT _template/metricbeat-7.5.1
{
  "order": 1,
  "index_patterns": [
    "metricbeat-7.5.1-*"
  ],
  "settings": {
    "index": {
      "lifecycle": {
        "name": "metricbeat-7.5.1",

cjcenizal

PUT _ingest/pipeline/test
{
  "description": "Pipeline for Cisco ASA logs",
  "processors": [
    {
      "grok": {
        "field": "message",
        "patterns": [
          "(?:%{SYSLOG_HEADER})?\\s*%{GREEDYDATA:log.original}"
        ],

cjcenizal

PUT .kibana_1/_doc/upgrade-assistant-reindex-operation:fb36e570-bca7-11e9-bbfd-f767236c4a9b
{
    "upgrade-assistant-reindex-operation": {
    "indexName": "filebeat-2019",
    "newIndexName": "reindexed-v7-filebeat-2019",
    "status": 2,
    "lastCompletedStep": 40,
    "locked": null,
    "reindexTaskId": "MrzNyPknSyCk6WnmIJeLyQ:151888",
    "reindexTaskPercComplete": 0,

cjcenizal

// What are some things that make this code difficult to test, and how would you address them?

import { config } from "../constants/config";
import { sendRequest } from "../services/sendRequest";
import { notifications } from "../services/notifications";

export async function fetchUser(userModel) {
  const {
    server: {
      api: { baseUrl },