8734b99f8d
Summary: as per title Reviewed By: jknoxville Differential Revision: D15167533 fbshipit-source-id: 67d059c478bf0608b598ba7cd6be19157ff41900
130 lines
4.4 KiB
JavaScript
Executable File
130 lines
4.4 KiB
JavaScript
Executable File
/**
|
|
* Copyright 2018-present Facebook.
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
* @format
|
|
*/
|
|
|
|
const React = require('react');
|
|
|
|
class Index extends React.Component {
|
|
render() {
|
|
return (
|
|
<div>
|
|
<div className="splash">
|
|
<div className="content">
|
|
<h1>Extensible mobile app debugger</h1>
|
|
<h2>
|
|
Flipper is a platform for debugging mobile apps on iOS and
|
|
Android. Visualize, inspect, and control your apps from a simple
|
|
desktop interface. Use Flipper as is or extend it using the plugin
|
|
API.
|
|
</h2>
|
|
<div className="row">
|
|
<a
|
|
className="landing-btn primary"
|
|
href="https://www.facebook.com/fbflipper/public/mac">
|
|
Download
|
|
</a>
|
|
<a className="landing-btn" href="/docs/features/index.html">
|
|
Learn more
|
|
</a>
|
|
</div>
|
|
<div className="slideshow">
|
|
<img src="/docs/assets/logs.png" className="splashScreen" />
|
|
<img src="/docs/assets/layout.png" className="splashScreen" />
|
|
<img src="/docs/assets/network.png" className="splashScreen" />
|
|
<img
|
|
src="/docs/assets/crashreporterplugin.png"
|
|
className="splashScreen"
|
|
/>
|
|
</div>
|
|
<div className="shadow" />
|
|
</div>
|
|
</div>
|
|
<div className="content row">
|
|
<div className="col">
|
|
<img
|
|
src="/img/inspector.png"
|
|
srcSet="/img/inspector.png 1x, /img/inspector@2x.png 2x"
|
|
/>
|
|
</div>
|
|
<div className="col">
|
|
<h4>Tools</h4>
|
|
<h3>Mobile development</h3>
|
|
<p>
|
|
Flipper aims to be your number one companion for mobile app
|
|
development on iOS and Android. Therefore, we provide a bunch of
|
|
useful tools including a log viewer, interactive layout inspector,
|
|
and network inspector.
|
|
</p>
|
|
<a className="learnmore" href="/docs/features/index.html">
|
|
Learn more
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div className="content row">
|
|
<div className="col">
|
|
<h4>Plugins</h4>
|
|
<h3>Extending Flipper</h3>
|
|
<p>
|
|
Flipper is built as a platform. In addition to using the tools
|
|
already included, you can create your own plugins to visualize and
|
|
debug data from your mobile apps. Flipper takes care of sending
|
|
data back and forth, calling functions, and listening for events
|
|
on the mobile app.
|
|
</p>
|
|
<a className="learnmore" href="/docs/extending/index.html">
|
|
Learn more
|
|
</a>
|
|
</div>
|
|
<div className="col center">
|
|
<img
|
|
src="/img/FlipperKit.png"
|
|
srcSet="/img/FlipperKit.png 1x, /img/FlipperKit@2x.png 2x"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div className="content row">
|
|
<div className="col">
|
|
<img
|
|
src="/img/plugins.png"
|
|
srcSet="/img/plugins.png 1x, /img/plugins@2x.png 2x"
|
|
/>
|
|
</div>
|
|
<div className="col">
|
|
<h4>Open Source</h4>
|
|
<h3>Contributing to Flipper</h3>
|
|
<p>
|
|
Both Flipper's desktop app and native mobile SDKs are open-source
|
|
and MIT licensed. This enables you to see and understand how we
|
|
are building plugins, and of course join the community and help
|
|
improve Flipper. We are excited to see what you will build on this
|
|
platform.
|
|
</p>
|
|
<a
|
|
className="learnmore"
|
|
href="https://github.com/facebook/flipper"
|
|
target="_blank">
|
|
Learn more
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div className="wrapper landing-cta">
|
|
<a href="/docs/getting-started.html" className="landing-btn primary">
|
|
Integrate Flipper In Your App
|
|
</a>
|
|
<a
|
|
href="https://www.facebook.com/fbflipper/public/mac"
|
|
target="_blank"
|
|
className="landing-btn">
|
|
Download Flipper
|
|
</a>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
module.exports = Index;
|