⚠ This post is fairly old. I don't keep it up to date. Be sure to see comments where some people have posted updates
What this will cover
www.website.com to website.comindex.html)
Disclaimer: This piece is written anonymously. The names of a few particular companies are mentioned, but as common examples only.
This is a short write-up on things that I wish I'd known and considered before joining a private company (aka startup, aka unicorn in some cases). I'm not trying to make the case that you should never join a private company, but the power imbalance between founder and employee is extreme, and that potential candidates would
| (function(){ | |
| 'use strict'; | |
| /* | |
| Create intra-page links | |
| Requires that your headings already have an `id` attribute set (because that's what jekyll does) | |
| For every heading in your page, this adds a little anchor link `#` that you can click to get a permalink to the heading. | |
| Ignores `h1`, because you should only have one per page. | |
| The text content of the tag is used to generate the link, so it will fail "gracefully-ish" if you have duplicate heading text. | |
| */ |
All lower case JSX tags will now be treated as HTML/SVG elements. They will no longer be treated as custom components in scope.
The React element produced by JSX can be either a React class that exists in the local scope or a global scope HTML/SVG element depending on a convention.
Previous Behavior
Currently, when you use React JSX to define a HTML element you can use any known HTML tag. E.g:
(by @andrestaltz)
If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.
| ----------- | |
| Hello! | |
| ----------- | |
| You have 5 messages. | |
| ----------- | |
| ******* |
| <!DOCTYPE html> | |
| <script type="text/javascript"> | |
| var addEvent = document.addEventListener ? | |
| function(node, name, fn) { node.addEventListener(name, fn, false); } : | |
| function(node, name, fn) { node.attachEvent('on' + name, fn); } | |
| var begin = +new Date; | |
| var log = []; | |
| log.push('Event, Time: readyState, EOF'); | |
| function logEvent(name) { |
| // Helpers | |
| // ------- | |
| // For slicing `arguments` in functions | |
| var slice = Array.prototype.slice; | |
| // Borrow the Backbone `extend` method so we can use it as needed | |
| Marionette.extend = Backbone.Model.extend; | |
| // A wrapper / shim for `Object.create`. Uses native `Object.create` |
| // Source: https://groups.google.com/forum/#!topic/angular/hVrkvaHGOfc | |
| // jsFiddle: http://jsfiddle.net/pkozlowski_opensource/PxdSP/14/ | |
| // author: Pawel Kozlowski | |
| var myApp = angular.module('myApp', []); | |
| //service style, probably the simplest one | |
| myApp.service('helloWorldFromService', function() { | |
| this.sayHello = function() { | |
| return "Hello, World!" |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE | |
| Version 2, December 2004 | |
| Copyright (C) 2011 Jed Schmidt <http://jed.is> | |
| Everyone is permitted to copy and distribute verbatim or modified | |
| copies of this license document, and changing it is allowed as long | |
| as the name is changed. | |
| DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE |