Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Atom: 10 things to know about your new text editor
Kevin Sawicki
June 28, 2014
Technology
2
1.3k
Atom: 10 things to know about your new text editor
Given at lxjs in Lisbon, Portugal
http://2014.lxjs.org
Kevin Sawicki
June 28, 2014
Tweet
Share
More Decks by Kevin Sawicki
See All by Kevin Sawicki
kevinsawicki
2
260
kevinsawicki
1
370
kevinsawicki
4
14k
kevinsawicki
5
8.2k
kevinsawicki
0
67
Other Decks in Technology
See All in Technology
clustervr
0
200
ama_ch
0
3.3k
kaga
0
190
vkbaba
0
110
oracle4engineer
1
210
ocise
1
910
layerx
1
750
bufferings
2
2.9k
omn
0
570
kurotanshi
0
170
takem001
0
870
minamizaki
0
540
Featured
See All Featured
lara
590
61k
chriscoyier
780
240k
aarron
258
36k
jensimmons
207
10k
lynnandtonic
270
16k
matthewcrist
73
7.5k
gr2m
83
11k
morganepeng
17
1.1k
samanthasiow
56
6.3k
hatefulcrawdad
257
17k
lara
172
9.5k
rasmusluckow
318
18k
Transcript
Atom ten things to know about your new text editor
GitHub San Francisco, California, USA
None
Kevin Sawicki
kevinsawicki @kevinsawicki kevin@github.com
3 years of open source at GitHub JGit and EGit
GitHub Android App Atom Editor
photos courtesy of apod.nasa.gov
Atom is a text editor #1
what is a text editor?
first you press a key
that key appears on screen
repeat
None
Atom is open source #2
beta launch february 26th free and open source may 6th
atom.io atom/atom @AtomEditor
Atom is built on web technologies #3
None
None
None
None
Bootstrap
Bootstrap
Bootstrap
Atom is cross platform #4
None
5.5 million files opened last month
5 million mac 400k linux 100k windows
Atom is hackable #5
None
what do you need to know to hack on Atom?
None
None
None
None
Atom is styleable #6
None
Atom is all about packages #7
None
git diff package
git diff package tabs package
git diff package tabs package wrap guide package
git diff package tabs package bracket matcher package wrap guide
package
git diff package tabs package bracket matcher package status bar
package wrap guide package
git diff package tabs package bracket matcher package status bar
package wrap guide package markdown package
git diff package tabs package bracket matcher package status bar
package grammar selector package wrap guide package markdown package
None
None
900 packages 300 themes
2,000,000 packages & themes installed
blog.atom.io atom.io/packages.atom
Atom runs on Atom Shell #8
cross platform application framework node with a window object atom/atom-shell
None
cross platform JavaScript APIs to native things
cross platform JavaScript APIs to native things system menus
cross platform JavaScript APIs to native things system menus window
management
cross platform JavaScript APIs to native things system menus window
management automatic updates
cross platform JavaScript APIs to native things system menus window
management crash reporting automatic updates
browser process render process render process
Atom needs more desktop node modules #9
None
None
None
emit an event when the setting changes
change a CSS class when the event occurs
None
None
Atom will get faster #10
editor is being rewritten to use React library
text now rendered on the GPU
under 10 milliseconds per keystroke
60 frames per second scrolling
old editor new editor
None
thanks!
None