JoelMarcey/gist:f71cc9b44041de272af9a589056184dd

## gistfile1.txt

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<meta property="og:url" content="http://nuclide.io/nuclide/" />
<meta property="og:site_name" content="Nuclide"/>
<meta property="og:title" content="Nuclide" />
<meta property="og:image" content="http://nuclide.io/nuclide/static/og_image.png" />
<meta property="og:description" content="Nuclide is built as a single package on top of Atom to provide hackability and the support of an active community.
It provides a first-class development environment for React Native, Hack and Flow projects.
" />


<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />

<link rel="stylesheet" href="/nuclide/static/fonts/332720/BC699FA675F9356E3.css" media="screen">
<link rel="stylesheet" href="/nuclide/css/main.css" media="screen">
<link rel="icon" href="/nuclide/static/favicon.png" type="image/x-icon">

<script src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xaf1/t39.3284-6/11057093_524839387655092_169454193_n.js"></script>

<title>Nuclide</title>
<meta name="description" content="Nuclide is built as a single package on top of Atom to provide hackability and the support of an active community.
It provides a first-class development environment for React Native, Hack and Flow projects.
">

<link rel="canonical" href="http://nuclide.io/nuclide/">
<link rel="alternate" type="application/rss+xml" title="Nuclide" href="http://nuclide.io/nuclide/feed.xml" />
</head>

<body>
<div id="headerBar" class="headerBarContainer visible">
<header>
<a href="http://nuclide.io/nuclide">
<img src="/nuclide/static/logo_nav.png" height="30" width="25" alt="">
<h2>Nuclide</h2>
</a>
<div class="navigationWrapper navigationFull" id="flat_nav">
<nav class="navigation">
<ul>
<li class="navItem ">
<a href=/docs/>Docs</a>
</li>
<li class="navItem ">
<a href=/support/>Support</a>
</li>
<li class="navItem ">
<a href=/blog/>Blog</a>
</li>
<li class="navItem ">
<a href=https://github.com/facebook/nuclide>GitHub</a>
</li>
<li class="algolia-search-wrapper">
<input id="algolia-doc-search" type="search" placeholder="Search docs..." />
</li>
</ul>
</nav>
</div>
<div class="navigationWrapper navigationSlider" id="navigation_wrap"></div>
</header>
<script>
var event = document.createEvent('Event');
event.initEvent('slide', true, true);
document.addEventListener('slide', function (e) {
document.body.classList.toggle('sliderActive');
}, false);
var navData = [
{
href : "/docs/",
text : "Docs",
},
{
href : "/support/",
text : "Support",
},
{
href : "/blog/",
text : "Blog",
},
{
href : "https://github.com/facebook/nuclide",
text : "GitHub",
},
];
</script>
<script type="text/javascript">
var Nav = React.createClass({displayName: "Nav",
getInitialState: function() {
return {
currentPath: window.location.pathname,
slideoutActive: false,
};
},
getDefaultProps: function() {
return {
data: navData,
}
},
handleClick: function(id) {
this.setState({
slideoutActive: false,
});
},
handleSlide: function(id) {
this.setState({
slideoutActive: !this.state.slideoutActive,
});
},
render: function() {
var classes = React.addons.classSet({
'navSlideout': true,
'navSlideoutActive': this.state.slideoutActive,
});
var navClasses = React.addons.classSet({
'slidingNav': true,
'slidingNavActive': this.state.slideoutActive,
});
return (
React.createElement("div", null,
React.createElement("div", {className: classes, onClick: this.handleSlide},
React.createElement("i", null, "☰")
),
React.createElement("nav", {className: navClasses},
React.createElement("ul", null,
this.props.data.map(this.renderNavItems)
)
)
)
);
},
renderNavItems: function(child, index) {
var classes = React.addons.classSet({
'navItem': true,
'navItemActive': this.state.currentPath === child.href,
});
return (
React.createElement("li", {key: index, className: classes},
React.createElement("a", {onClick: this.handleClick, href: child.href}, child.text)
)
);
},
});

function render(navData) {
React.render(
React.createElement(Nav, {data: navData}),
document.getElementById('navigation_wrap')
);
}
render(navData);
</script>
</div>

<div class="homeContainer">
<div id="home_wrap" class="wrapper homeWrapper">
<div id="inner">
<h2 id="project_tagline">A unified developer experience for web and mobile development</h2>
<section id="intro">
<p>Nuclide is built as a single package on top of Atom to provide hackability and the support of an active community.
It provides a first-class development environment for React Native, Hack and Flow projects.
</p>
</section>
<div id="promo" class="section promoSection">
<a href="/docs/quick-start/getting-started/">Get Started</a> or read more about using Nuclide for <a href="/docs/platforms/react-native/">React Native</a>, <a href="/docs/platforms/ios/">iOS</a>, or <a href="/docs/platforms/web/">Web</a> development.
</div>
</div>
<div class="projectLogo">
<img src="/nuclide/static/logo.png" alt="Nuclide">
</div>
</div>
</div>

<div class="mainContainer">
<div id="main_wrap" class="wrapper mainWrapper">
<div class="gridBlock">

<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
<img src="/static/images/docs/promo-rn-debugging.png" alt="Built-in Debugging" title="Built-in Debugging" />
<h3>Built-in Debugging</h3>
<p>Building upon Chrome Developer Tools, Nuclide has first class debugging support for React
Native (shown here), Hack, Flow and other platforms. <br />
<a href="/docs/features/debugger"><strong>Read More</strong></a></p>

</section>


<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
<img src="/static/images/docs/promo-remote-development.png" alt="Remote Development" title="Remote Development" />
<h3>Remote Development</h3>
<p>Connect to your remote servers, and get full access to the file tree within Nuclide. <br />
<a href="/docs/features/remote/"><strong>Get Started</strong></a></p>

</section>

<div class="gridClear"></div>

<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
<img src="/static/images/docs/promo-flow.png" alt="Developing JavaScript" title="Developing JavaScript" />
<h3>Developing JavaScript</h3>
<p>Improve the quality of your JavaScript with built in support for <a href="http://flowtype.org">Flow</a>,
including autocomplete, jump-to-definition, and inline errors. <br />
<a href="/docs/languages/flow/"><strong>Read More</strong></a></p>

</section>


<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
<img src="/static/images/docs/promo-hack.png" alt="Developing Hack" title="Developing Hack" />
<h3>Developing Hack</h3>
<p>Nuclide is the first IDE with support for Hack, including autocomplete, jump-to-definition,
inline errors, and an omni-search bar for your project. <br />
<a href="/docs/languages/hack/"><strong>Read More</strong></a></p>

</section>

<div class="gridClear"></div>

<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
<img src="/static/images/docs/promo-mercurial.png" alt="Mercurial Support" title="Mercurial Support" />
<h3>Mercurial Support</h3>
<p>Local changes to files in a Mercurial repo will be reflected in Atom’s file tree and UI, as
Atom does natively for Git repos. <br />
<a href="/docs/features/hg/"><strong>Read More</strong></a></p>

</section>


<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
<img src="/static/images/docs/promo-working-sets.png" alt="Working Sets" title="Working Sets" />
<h3>Working Sets</h3>
<p>Is your project big, but only a small subset applies to your work? Working Sets can reduce
noise. <br />
<a href="/docs/features/working-sets/"><strong>Read More</strong></a></p>

</section>

<div class="gridClear"></div>

</div>

<div style="padding-top: 3em; font-size: small; text-align:center;">
This project is unrelated to the <a href="https://github.com/jkymarsh/nuclide">CSS framework project</a> named Nuclide.
</div>

</div>
</div>
<div class="footerContainer">
<div id="footer_wrap" class="wrapper footerWrapper">
<section id="fb_oss" class="fbOpenSourceFooter">
<a href="https://code.facebook.com/projects/" target="_blank"><img src="/nuclide/static/oss_logo.png" alt="Facebook Open Source" title="Facebook Open Source" /></a>
</section>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-44373548-2', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="/js/jekyll-link-anchors.js"></script>


<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script>
<script type="text/javascript" src="/js/docsearch.js"></script>

</body>
</html>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<meta property="og:url" content="http://nuclide.io/nuclide/" />
	<meta property="og:site_name" content="Nuclide"/>
	<meta property="og:title" content="Nuclide" />
	<meta property="og:image" content="http://nuclide.io/nuclide/static/og_image.png" />
	<meta property="og:description" content="Nuclide is built as a single package on top of Atom to provide hackability and the support of an active community.
	It provides a first-class development environment for React Native, Hack and Flow projects.
	" />


	<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />

	<link rel="stylesheet" href="/nuclide/static/fonts/332720/BC699FA675F9356E3.css" media="screen">
	<link rel="stylesheet" href="/nuclide/css/main.css" media="screen">
	<link rel="icon" href="/nuclide/static/favicon.png" type="image/x-icon">

	<script src="https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xaf1/t39.3284-6/11057093_524839387655092_169454193_n.js"></script>

	<title>Nuclide</title>
	<meta name="description" content="Nuclide is built as a single package on top of Atom to provide hackability and the support of an active community.
	It provides a first-class development environment for React Native, Hack and Flow projects.
	">

	<link rel="canonical" href="http://nuclide.io/nuclide/">
	<link rel="alternate" type="application/rss+xml" title="Nuclide" href="http://nuclide.io/nuclide/feed.xml" />
	</head>

	<body>
	<div id="headerBar" class="headerBarContainer visible">
	<header>
	<a href="http://nuclide.io/nuclide">
	<img src="/nuclide/static/logo_nav.png" height="30" width="25" alt="">
	<h2>Nuclide</h2>
	</a>
	<div class="navigationWrapper navigationFull" id="flat_nav">
	<nav class="navigation">
	<ul>
	<li class="navItem ">
	<a href=/docs/>Docs</a>
	</li>
	<li class="navItem ">
	<a href=/support/>Support</a>
	</li>
	<li class="navItem ">
	<a href=/blog/>Blog</a>
	</li>
	<li class="navItem ">
	<a href=https://github.com/facebook/nuclide>GitHub</a>
	</li>
	<li class="algolia-search-wrapper">
	<input id="algolia-doc-search" type="search" placeholder="Search docs..." />
	</li>
	</ul>
	</nav>
	</div>
	<div class="navigationWrapper navigationSlider" id="navigation_wrap"></div>
	</header>
	<script>
	var event = document.createEvent('Event');
	event.initEvent('slide', true, true);
	document.addEventListener('slide', function (e) {
	document.body.classList.toggle('sliderActive');
	}, false);
	var navData = [
	{
	href : "/docs/",
	text : "Docs",
	},
	{
	href : "/support/",
	text : "Support",
	},
	{
	href : "/blog/",
	text : "Blog",
	},
	{
	href : "https://github.com/facebook/nuclide",
	text : "GitHub",
	},
	];
	</script>
	<script type="text/javascript">
	var Nav = React.createClass({displayName: "Nav",
	getInitialState: function() {
	return {
	currentPath: window.location.pathname,
	slideoutActive: false,
	};
	},
	getDefaultProps: function() {
	return {
	data: navData,
	}
	},
	handleClick: function(id) {
	this.setState({
	slideoutActive: false,
	});
	},
	handleSlide: function(id) {
	this.setState({
	slideoutActive: !this.state.slideoutActive,
	});
	},
	render: function() {
	var classes = React.addons.classSet({
	'navSlideout': true,
	'navSlideoutActive': this.state.slideoutActive,
	});
	var navClasses = React.addons.classSet({
	'slidingNav': true,
	'slidingNavActive': this.state.slideoutActive,
	});
	return (
	React.createElement("div", null,
	React.createElement("div", {className: classes, onClick: this.handleSlide},
	React.createElement("i", null, "☰")
	),
	React.createElement("nav", {className: navClasses},
	React.createElement("ul", null,
	this.props.data.map(this.renderNavItems)
	)
	)
	)
	);
	},
	renderNavItems: function(child, index) {
	var classes = React.addons.classSet({
	'navItem': true,
	'navItemActive': this.state.currentPath === child.href,
	});
	return (
	React.createElement("li", {key: index, className: classes},
	React.createElement("a", {onClick: this.handleClick, href: child.href}, child.text)
	)
	);
	},
	});

	function render(navData) {
	React.render(
	React.createElement(Nav, {data: navData}),
	document.getElementById('navigation_wrap')
	);
	}
	render(navData);
	</script>
	</div>

	<div class="homeContainer">
	<div id="home_wrap" class="wrapper homeWrapper">
	<div id="inner">
	<h2 id="project_tagline">A unified developer experience for web and mobile development</h2>
	<section id="intro">
	<p>Nuclide is built as a single package on top of Atom to provide hackability and the support of an active community.
	It provides a first-class development environment for React Native, Hack and Flow projects.
	</p>
	</section>
	<div id="promo" class="section promoSection">
	<a href="/docs/quick-start/getting-started/">Get Started</a> or read more about using Nuclide for <a href="/docs/platforms/react-native/">React Native</a>, <a href="/docs/platforms/ios/">iOS</a>, or <a href="/docs/platforms/web/">Web</a> development.
	</div>
	</div>
	<div class="projectLogo">
	<img src="/nuclide/static/logo.png" alt="Nuclide">
	</div>
	</div>
	</div>

	<div class="mainContainer">
	<div id="main_wrap" class="wrapper mainWrapper">
	<div class="gridBlock">

	<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
	<img src="/static/images/docs/promo-rn-debugging.png" alt="Built-in Debugging" title="Built-in Debugging" />
	<h3>Built-in Debugging</h3>
	<p>Building upon Chrome Developer Tools, Nuclide has first class debugging support for React
	Native (shown here), Hack, Flow and other platforms. <br />
	<a href="/docs/features/debugger"><strong>Read More</strong></a></p>

	</section>


	<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
	<img src="/static/images/docs/promo-remote-development.png" alt="Remote Development" title="Remote Development" />
	<h3>Remote Development</h3>
	<p>Connect to your remote servers, and get full access to the file tree within Nuclide. <br />
	<a href="/docs/features/remote/"><strong>Get Started</strong></a></p>

	</section>

	<div class="gridClear"></div>

	<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
	<img src="/static/images/docs/promo-flow.png" alt="Developing JavaScript" title="Developing JavaScript" />
	<h3>Developing JavaScript</h3>
	<p>Improve the quality of your JavaScript with built in support for <a href="http://flowtype.org">Flow</a>,
	including autocomplete, jump-to-definition, and inline errors. <br />
	<a href="/docs/languages/flow/"><strong>Read More</strong></a></p>

	</section>


	<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
	<img src="/static/images/docs/promo-hack.png" alt="Developing Hack" title="Developing Hack" />
	<h3>Developing Hack</h3>
	<p>Nuclide is the first IDE with support for Hack, including autocomplete, jump-to-definition,
	inline errors, and an omni-search bar for your project. <br />
	<a href="/docs/languages/hack/"><strong>Read More</strong></a></p>

	</section>

	<div class="gridClear"></div>

	<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
	<img src="/static/images/docs/promo-mercurial.png" alt="Mercurial Support" title="Mercurial Support" />
	<h3>Mercurial Support</h3>
	<p>Local changes to files in a Mercurial repo will be reflected in Atom’s file tree and UI, as
	Atom does natively for Git repos. <br />
	<a href="/docs/features/hg/"><strong>Read More</strong></a></p>

	</section>


	<section id="fb_hhvm" class="featureBlock twoByGridBlock fbossFontLight">
	<img src="/static/images/docs/promo-working-sets.png" alt="Working Sets" title="Working Sets" />
	<h3>Working Sets</h3>
	<p>Is your project big, but only a small subset applies to your work? Working Sets can reduce
	noise. <br />
	<a href="/docs/features/working-sets/"><strong>Read More</strong></a></p>

	</section>

	<div class="gridClear"></div>

	</div>

	<div style="padding-top: 3em; font-size: small; text-align:center;">
	This project is unrelated to the <a href="https://github.com/jkymarsh/nuclide">CSS framework project</a> named Nuclide.
	</div>

	</div>
	</div>
	<div class="footerContainer">
	<div id="footer_wrap" class="wrapper footerWrapper">
	<section id="fb_oss" class="fbOpenSourceFooter">
	<a href="https://code.facebook.com/projects/" target="_blank"><img src="/nuclide/static/oss_logo.png" alt="Facebook Open Source" title="Facebook Open Source" /></a>
	</section>
	</div>
	</div>
	<script>
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){
	(i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	ga('create', 'UA-44373548-2', 'auto');
	ga('send', 'pageview');
	</script>
	<script type="text/javascript" src="/js/jekyll-link-anchors.js"></script>


	<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script>
	<script type="text/javascript" src="/js/docsearch.js"></script>

	</body>
	</html>