domyen

Started GET "/get_started/make" for 127.0.0.1 at 2011-11-10 19:08:23 -0800
  Processing by GetStartedController#make as HTML
  User Load (0.6ms)  SELECT "users".* FROM "users" WHERE "users"."id" = 1 LIMIT 1
Rendered get_started/_first_steps.html.erb (3.1ms)
Rendered get_started/make.html.erb within layouts/application (119.4ms)
Rendered application/_header.html.erb (5.9ms)
Compiled screen.css  (15658ms)  (pid 14040)
Compiled application.js  (75ms)  (pid 14040)
Compiled external/jquery-1.5.1.js  (93ms)  (pid 14040)
Compiled external/jquery.ui/jquery.ui.core.js  (1ms)  (pid 14040)

domyen

td {
  >img:nth-of-type(4){
    display:none
  }
}

domyen

// CommentListContainer.jsx (DATA)

class CommentListContainer extends React.Component {
  constructor() {
    super();
    this.state = { comments: [] }
  }
  
  componentDidMount() {
    $.ajax({

domyen

// CommentList.jsx (PRESENTATION)

class CommentList extends React.Component {
  constructor(props) {
    super(props);
  }
  
  render() { 
    return <ul> {this.props.comments.map(renderComment)} </ul>;
  }

domyen

// CommentList.jsx (DATA + PRESENTATION)
// inspired by Michael Chan https://gist.github.com/chantastic/fc9e3853464dffdb1e3c

class CommentList extends React.Component {
  constructor(props) {
    super(props);
    this.state = { comments: [] }
  }
  
  componentDidMount() {

domyen

import React from 'react';

export default function CommentList({comments}) {  
  return (
    <div className="commentList">
      {comments.map(({text, author: {name, avatar, url}}) => (
        <div className="commentItem">
          <div className="avatar"><img src={avatar} /></div>
          <div className="message">
            <span className="author"><a href={url}>{name}</a></span>

domyen

import React from 'react';

export default function CommentList({comments}) {  
  return (
    <div className="commentList">
      {comments.map(({commentText, characterName, characterAvatar, characterId}}) => (
        <div className="commentItem">
          <div className="avatar"><img src={characterAvatar} /></div>
          <div className="message">
            <span className="author"><a href=`/character/${characterId}`>{characterName}</a></span>

domyen

# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
#   editor.onDidSave ->

domyen

Todo
- Add Badge component from /frontpage
- Add Button component from /frontpage
- Add Link component from /frontpage
- Add Subheading component from  /frontpage

UI bugs
- Correct sidebar spacing
- Add-on titles should have a system default focus not what is currently there now
- CSS scrollbars

domyen

{
	"blocks": [
		{
			"type": "section",
			"text": {
				"type": "mrkdwn",
				"text": "A pull request is ready for review."
			}
		},
		{