Earlier this year Facebook open sourced its React based rich text editing framework Draft.js. At Facebook it powers status updates, comments & notes. Others used it to build editors matching Medium’s experience.
Together with a whole team of open source contributors I built a plugin architecture on top of Draft.js. In this talk I walk you through the existing plugins and show how you can build your own feature-rich text editor for the web with only a handful lines of code. 🤓
| import React, { Component } from 'react'; | |
| import { graphql } from 'react-apollo'; | |
| import { gql } from 'graphql-tools'; | |
| const QUERY = gql` | |
| query MatchesByDate($date: Int) { | |
| matches(date: $date) { | |
| id | |
| minute | |
| period |
Please 🌟 this gist to vote for this proposal!
No other topic in software development probably has so much controversy as linting.
With a wrong workflow linting can be really a pain and will slow you and your team down. With a proper setup, though, it can save you hours of manual work reformatting the code and reducing the code-review overhead.
This proposal is not longer active. Context: https://twitter.com/siddharthkp/status/909818777314902016
| import React from 'react'; | |
| import GoogleAnalytics from 'react-ga'; | |
| if (process.env.REACT_APP_ENVIRONMENT === 'production') { | |
| GoogleAnalytics.initialize('UA-91111111-1'); | |
| } | |
| const withGA = WrappedComponent => { | |
| const trackPage = page => { | |
| GoogleAnalytics.set({ page }); |
TL;DR: Star 🌟 this gist. (You might need to request the desktop version)
After buying the tickets for ReactiveConf I discovered the call for Lightning Talks and decided it's time to leave the attendee seat and hold my first public talk. To calculate the odds I wrote a script to get the current ranks of all Lightning Talks. This script is the topic of my talk:
| // | |
| // MIT License | |
| // | |
| // Copyright (c) 2018 Ali Sharif | |
| // | |
| // Permission is hereby granted, free of charge, to any person obtaining a copy | |
| // of this software and associated documentation files (the "Software"), to deal | |
| // in the Software without restriction, including without limitation the rights | |
| // to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
| // copies of the Software, and to permit persons to whom the Software is |
| https://drboolean.gitbooks.io/mostly-adequate-guide | |
| http://www.tomharding.me/2017/03/03/fantas-eel-and-specification/ | |
| https://egghead.io/courses/professor-frisby-introduces-composable-functional-javascript | |
| https://github.com/fantasyland/fantasy-land |
