Michael nverba

Angular module structure (proposal)

Everyone who's reading this, please leave your opinion/ideas/proposals as a comment for a better world!

Background

Most of you guys read Josh' proposals to make components more reusable, I think. Now, reading through this proposals definitely gives a feeling that this is the right way. Anyways, If you haven't read it yet, you should.

So Josh shows us, how angular apps can be structured in a better and more reusable way. Reusability is a very important thing when it comes to software development. Actually the whole angularjs library follows a philosophy of reusability. Which is why you able to make things like:

	import { GeomUtils, TLCursor } from '@tldraw/core'
	import * as React from 'react'

	function getCursorCss(svg: string, r: number, f = false) {
	return (
	`url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 35 35' xmlns='http://www.w3.org/2000/svg'><g fill='none' style='transform-origin:center center' transform='rotate(${r})${
	f ? ` scale(-1,-1) translate(0, -32)` : ''
	}'>` +
	svg.replaceAll(`"`, `'`) +
	'</g></svg>") 16 16, pointer'

	/* Flatten das boostrap */
	.well, .navbar-inner, .popover, .btn, .tooltip, input, select, textarea, pre, .progress, .modal, .add-on, .alert, .table-bordered, .nav>.active>a, .dropdown-menu, .tooltip-inner, .badge, .label, .img-polaroid {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	border-collapse: collapse !important;
	background-image: none !important;

	# Gemfile
	gem "puma"

	# Procfile
	web: bundle exec puma -p $PORT -e $RACK_ENV -C config/puma.rb

	# add to config block config/environments/production.rb
	config.threadsafe!

	# get rid of NewRelic after_fork code, if you were doing this:

	#!/bin/bash
	# from here: http://www.codingsteps.com/install-redis-2-6-on-amazon-ec2-linux-ami-or-centos/
	# and here: https://raw.github.com/gist/257849/9f1e627e0b7dbe68882fa2b7bdb1b2b263522004/redis-server
	###############################################
	# To use:
	# wget https://raw.github.com/gist/2776679/04ca3bbb9f085b192f6aca945120fe12d59f15f9/install-redis.sh
	# chmod 777 install-redis.sh
	# ./install-redis.sh
	###############################################
	echo "*****************************************"

	//Simple d3.js barchart example to illustrate d3 selections

	//other good related tutorials
	//http://www.recursion.org/d3-for-mere-mortals/
	//http://mbostock.github.com/d3/tutorial/bar-1.html


	var w = 300
	var h = 300

	license: gpl-3.0
	redirect: https://observablehq.com/@d3/programmatic-zoom

	license: gpl-3.0
	redirect: https://observablehq.com/@d3/smooth-zooming

	<!DOCTYPE html>
	<html>
	<head>
	<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script>
	<title>Download SVG</title>
	<style type="text/css">
	a{
	cursor: pointer;
	text-decoration: underline;
	color: black;