roblevintennis

  getStackTrace = ->
    stack = (new Error).stack or ''
    stack = stack.split('\n').map((line) ->
      line.trim()
    )
    stack.splice if stack[0] == 'Error' then 2 else 1

  onRender: ->
    console.log("Custom stack trace:")
    console.log(getStackTrace().join('\n'))

roblevintennis

<% svgIconName = ''
case story.story_type
  when 'deliverable'
    svgIconName = 'icon-deliverable'
  when 'milestone'
    svgIconName = 'icon-milestone'
  when 'task'
    svgIconName = 'icon-task'
  when 'issue'
    svgIconName = 'icon-issue'

roblevintennis

diff --git a/app/assets/stylesheets/basic.scss b/app/assets/stylesheets/basic.scss
index 153ae768ab4..9009d6d2d21 100644
--- a/app/assets/stylesheets/basic.scss
+++ b/app/assets/stylesheets/basic.scss
@@ -1,6 +1,5 @@
 @import "app/assets/stylesheets/common/css_reset";
 @import "app/assets/stylesheets/common/utilities";
 @import "app/assets/stylesheets/basic/common";
-@import "mavenlink-js/src/stylesheets/styleguide/components/icons/icons-new";
 @import "app/assets/stylesheets/basic/landing";

roblevintennis

// How will we move forward given ES6 module imports cannot be spied on e.g. you'll get error:
// Cannot set property of #<Object> which has only a getter
// Unless you transpile down to CommonJS (which works for now but probably not forever)

// Below are some ideas…


// ---- Dependency Injection ---- //

// Implementation

roblevintennis

var log = []
document.querySelectorAll('.file-info > a').forEach(node => log.push(node.text))
console.log(log.join('\n'));

roblevintennis

Libraries and Tools for React

Components and Component Libraries

If you're developing an application based on React it can be helpful if you don't need to develop all the basic UI components yourself. Here you can find a list with various components, component libraries and complete design systems developed with and for React.

Component libraries and Design Systems

Brands (official design systems by various companies and products)