@ant-design/icons#RedditOutlined TypeScript Examples
The following examples show how to use
@ant-design/icons#RedditOutlined.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
| Source File: Icon.tsx From html2sketch with MIT License | 4 votes |
|
IconSymbol: FC = () => {
return (
<Row>
{/*<CaretUpOutlined*/}
{/* className="icon"*/}
{/* symbolName={'1.General/2.Icons/1.CaretUpOutlined'}*/}
{/*/>*/}
{/* className="icon"*/}
{/* symbolName={'1.General/2.Icons/2.MailOutlined'}*/}
{/*/>*/}
{/*<StepBackwardOutlined*/}
{/* className="icon"*/}
{/* symbolName={'1.General/2.Icons/2.StepBackwardOutlined'}*/}
{/*/>*/}
{/*<StepForwardOutlined*/}
{/* className="icon"*/}
{/* symbolName={'1.General/2.Icons/2.StepBackwardOutlined'}*/}
{/*/>*/}
<StepForwardOutlined />
<ShrinkOutlined />
<ArrowsAltOutlined />
<DownOutlined />
<UpOutlined />
<LeftOutlined />
<RightOutlined />
<CaretUpOutlined />
<CaretDownOutlined />
<CaretLeftOutlined />
<CaretRightOutlined />
<VerticalAlignTopOutlined />
<RollbackOutlined />
<FastBackwardOutlined />
<FastForwardOutlined />
<DoubleRightOutlined />
<DoubleLeftOutlined />
<VerticalLeftOutlined />
<VerticalRightOutlined />
<VerticalAlignMiddleOutlined />
<VerticalAlignBottomOutlined />
<ForwardOutlined />
<BackwardOutlined />
<EnterOutlined />
<RetweetOutlined />
<SwapOutlined />
<SwapLeftOutlined />
<SwapRightOutlined />
<ArrowUpOutlined />
<ArrowDownOutlined />
<ArrowLeftOutlined />
<ArrowRightOutlined />
<LoginOutlined />
<LogoutOutlined />
<MenuFoldOutlined />
<MenuUnfoldOutlined />
<BorderBottomOutlined />
<BorderHorizontalOutlined />
<BorderInnerOutlined />
<BorderOuterOutlined />
<BorderLeftOutlined />
<BorderRightOutlined />
<BorderTopOutlined />
<BorderVerticleOutlined />
<PicCenterOutlined />
<PicLeftOutlined />
<PicRightOutlined />
<RadiusBottomleftOutlined />
<RadiusBottomrightOutlined />
<RadiusUpleftOutlined />
<RadiusUprightOutlined />
<FullscreenOutlined />
<FullscreenExitOutlined />
<QuestionOutlined />
<PauseOutlined />
<MinusOutlined />
<PauseCircleOutlined />
<InfoOutlined />
<CloseOutlined />
<ExclamationOutlined />
<CheckOutlined />
<WarningOutlined />
<IssuesCloseOutlined />
<StopOutlined />
<EditOutlined />
<CopyOutlined />
<ScissorOutlined />
<DeleteOutlined />
<SnippetsOutlined />
<DiffOutlined />
<HighlightOutlined />
<AlignCenterOutlined />
<AlignLeftOutlined />
<AlignRightOutlined />
<BgColorsOutlined />
<BoldOutlined />
<ItalicOutlined />
<UnderlineOutlined />
<StrikethroughOutlined />
<RedoOutlined />
<UndoOutlined />
<ZoomInOutlined />
<ZoomOutOutlined />
<FontColorsOutlined />
<FontSizeOutlined />
<LineHeightOutlined />
<SortAscendingOutlined />
<SortDescendingOutlined />
<DragOutlined />
<OrderedListOutlined />
<UnorderedListOutlined />
<RadiusSettingOutlined />
<ColumnWidthOutlined />
<ColumnHeightOutlined />
<AreaChartOutlined />
<PieChartOutlined />
<BarChartOutlined />
<DotChartOutlined />
<LineChartOutlined />
<RadarChartOutlined />
<HeatMapOutlined />
<FallOutlined />
<RiseOutlined />
<StockOutlined />
<BoxPlotOutlined />
<FundOutlined />
<SlidersOutlined />
<AndroidOutlined />
<AppleOutlined />
<WindowsOutlined />
<IeOutlined />
<ChromeOutlined />
<GithubOutlined />
<AliwangwangOutlined />
<DingdingOutlined />
<WeiboSquareOutlined />
<WeiboCircleOutlined />
<TaobaoCircleOutlined />
<Html5Outlined />
<WeiboOutlined />
<TwitterOutlined />
<WechatOutlined />
<AlipayCircleOutlined />
<TaobaoOutlined />
<SkypeOutlined />
<FacebookOutlined />
<CodepenOutlined />
<CodeSandboxOutlined />
<AmazonOutlined />
<GoogleOutlined />
<AlipayOutlined />
<AntDesignOutlined />
<AntCloudOutlined />
<ZhihuOutlined />
<SlackOutlined />
<SlackSquareOutlined />
<BehanceSquareOutlined />
<DribbbleOutlined />
<DribbbleSquareOutlined />
<InstagramOutlined />
<YuqueOutlined />
<AlibabaOutlined />
<YahooOutlined />
<RedditOutlined />
<SketchOutlined />
<AccountBookOutlined />
<AlertOutlined />
<ApartmentOutlined />
<ApiOutlined />
<QqOutlined />
<MediumWorkmarkOutlined />
<GitlabOutlined />
<MediumOutlined />
<GooglePlusOutlined />
<AppstoreAddOutlined />
<AppstoreOutlined />
<AudioOutlined />
<AudioMutedOutlined />
<AuditOutlined />
<BankOutlined />
<BarcodeOutlined />
<BarsOutlined />
<BellOutlined />
<BlockOutlined />
<BookOutlined />
<BorderOutlined />
<BranchesOutlined />
<BuildOutlined />
<BulbOutlined />
<CalculatorOutlined />
<CalendarOutlined />
<CameraOutlined />
<CarOutlined />
<CarryOutOutlined />
<CiCircleOutlined />
<CiOutlined />
<CloudOutlined />
<ClearOutlined />
<ClusterOutlined />
<CodeOutlined />
<CoffeeOutlined />
<CompassOutlined />
<CompressOutlined />
<ContactsOutlined />
<ContainerOutlined />
<ControlOutlined />
<CopyrightCircleOutlined />
<CopyrightOutlined />
<CreditCardOutlined />
<CrownOutlined />
<CustomerServiceOutlined />
<DashboardOutlined />
<DatabaseOutlined />
<DeleteColumnOutlined />
<DeleteRowOutlined />
<DisconnectOutlined />
<DislikeOutlined />
<DollarCircleOutlined />
<DollarOutlined />
<DownloadOutlined />
<EllipsisOutlined />
<EnvironmentOutlined />
<EuroCircleOutlined />
<EuroOutlined />
<ExceptionOutlined />
<ExpandAltOutlined />
<ExpandOutlined />
<ExperimentOutlined />
<ExportOutlined />
<EyeOutlined />
<FieldBinaryOutlined />
<FieldNumberOutlined />
<FieldStringOutlined />
<DesktopOutlined />
<DingtalkOutlined />
<FileAddOutlined />
<FileDoneOutlined />
<FileExcelOutlined />
<FileExclamationOutlined />
<FileOutlined />
<FileImageOutlined />
<FileJpgOutlined />
<FileMarkdownOutlined />
<FilePdfOutlined />
<FilePptOutlined />
<FileProtectOutlined />
<FileSearchOutlined />
<FileSyncOutlined />
<FileTextOutlined />
<FileUnknownOutlined />
<FileWordOutlined />
<FilterOutlined />
<FireOutlined />
<FlagOutlined />
<FolderAddOutlined />
<FolderOutlined />
<FolderOpenOutlined />
<ForkOutlined />
<FormatPainterOutlined />
<FrownOutlined />
<FunctionOutlined />
<FunnelPlotOutlined />
<GatewayOutlined />
<GifOutlined />
<GiftOutlined />
<GlobalOutlined />
<GoldOutlined />
<GroupOutlined />
<HddOutlined />
<HeartOutlined />
<HistoryOutlined />
<HomeOutlined />
<HourglassOutlined />
<IdcardOutlined />
<ImportOutlined />
<InboxOutlined />
<InsertRowAboveOutlined />
<InsertRowBelowOutlined />
<InsertRowLeftOutlined />
<InsertRowRightOutlined />
<InsuranceOutlined />
<InteractionOutlined />
<KeyOutlined />
<LaptopOutlined />
<LayoutOutlined />
<LikeOutlined />
<LineOutlined />
<LinkOutlined />
<Loading3QuartersOutlined />
<LoadingOutlined />
<LockOutlined />
<MailOutlined />
<ManOutlined />
<MedicineBoxOutlined />
<MehOutlined />
<MenuOutlined />
<MergeCellsOutlined />
<MessageOutlined />
<MobileOutlined />
<MoneyCollectOutlined />
<MonitorOutlined />
<MoreOutlined />
<NodeCollapseOutlined />
<NodeExpandOutlined />
<NodeIndexOutlined />
<NotificationOutlined />
<NumberOutlined />
<PaperClipOutlined />
<PartitionOutlined />
<PayCircleOutlined />
<PercentageOutlined />
<PhoneOutlined />
<PictureOutlined />
<PoundCircleOutlined />
<PoundOutlined />
<PoweroffOutlined />
<PrinterOutlined />
<ProfileOutlined />
<ProjectOutlined />
<PropertySafetyOutlined />
<PullRequestOutlined />
<PushpinOutlined />
<QrcodeOutlined />
<ReadOutlined />
<ReconciliationOutlined />
<RedEnvelopeOutlined />
<ReloadOutlined />
<RestOutlined />
<RobotOutlined />
<RocketOutlined />
<SafetyCertificateOutlined />
<SafetyOutlined />
<ScanOutlined />
<ScheduleOutlined />
<SearchOutlined />
<SecurityScanOutlined />
<SelectOutlined />
<SendOutlined />
<SettingOutlined />
<ShakeOutlined />
<ShareAltOutlined />
<ShopOutlined />
<ShoppingCartOutlined />
<ShoppingOutlined />
<SisternodeOutlined />
<SkinOutlined />
<SmileOutlined />
<SolutionOutlined />
<SoundOutlined />
<SplitCellsOutlined />
<StarOutlined />
<SubnodeOutlined />
<SyncOutlined />
<TableOutlined />
<TabletOutlined />
<TagOutlined />
<TagsOutlined />
<TeamOutlined />
<ThunderboltOutlined />
<ToTopOutlined />
<ToolOutlined />
<TrademarkCircleOutlined />
<TrademarkOutlined />
<TransactionOutlined />
<TrophyOutlined />
<UngroupOutlined />
<UnlockOutlined />
<UploadOutlined />
<UsbOutlined />
<UserAddOutlined />
<UserDeleteOutlined />
<UserOutlined />
<UserSwitchOutlined />
<UsergroupAddOutlined />
<UsergroupDeleteOutlined />
<VideoCameraOutlined />
<WalletOutlined />
<WifiOutlined />
<BorderlessTableOutlined />
<WomanOutlined />
<BehanceOutlined />
<DropboxOutlined />
<DeploymentUnitOutlined />
<UpCircleOutlined />
<DownCircleOutlined />
<LeftCircleOutlined />
<RightCircleOutlined />
<UpSquareOutlined />
<DownSquareOutlined />
<LeftSquareOutlined />
<RightSquareOutlined />
<PlayCircleOutlined />
<QuestionCircleOutlined />
<PlusCircleOutlined />
<PlusSquareOutlined />
<MinusSquareOutlined />
<MinusCircleOutlined />
<InfoCircleOutlined />
<ExclamationCircleOutlined />
<CloseCircleOutlined />
<CloseSquareOutlined />
<CheckCircleOutlined />
<CheckSquareOutlined />
<ClockCircleOutlined />
<FormOutlined />
<DashOutlined />
<SmallDashOutlined />
<YoutubeOutlined />
<CodepenCircleOutlined />
<AliyunOutlined />
<PlusOutlined />
<LinkedinOutlined />
<AimOutlined />
<BugOutlined />
<CloudDownloadOutlined />
<CloudServerOutlined />
<CloudSyncOutlined />
<CloudUploadOutlined />
<CommentOutlined />
<ConsoleSqlOutlined />
<EyeInvisibleOutlined />
<FileGifOutlined />
<DeliveredProcedureOutlined />
<FieldTimeOutlined />
<FileZipOutlined />
<FolderViewOutlined />
<FundProjectionScreenOutlined />
<FundViewOutlined />
<MacCommandOutlined />
<PlaySquareOutlined />
<OneToOneOutlined />
<RotateLeftOutlined />
<RotateRightOutlined />
<SaveOutlined />
<SwitcherOutlined />
<TranslationOutlined />
<VerifiedOutlined />
<VideoCameraAddOutlined />
<WhatsAppOutlined />
{/*</Col>*/}
</Row>
);
}
Example #2
| Source File: index.tsx From nanolooker with MIT License | 4 votes |
|
StatisticsSocialPage: React.FC = () => {
const { t } = useTranslation();
const { statistics, isLoading } = useStatisticsSocial();
const [filter, setFilter] = React.useState(Filter.REDDIT);
React.useEffect(() => {
if (isLoading || !statistics.length) return;
const data = orderBy(
statistics.filter(
statistic => !!statistic[filterPerBillionToKeyMap[filter]],
),
[filterPerBillionToKeyMap[filter]],
["desc"],
).map((statistic, index) => {
statistic.rank = index + 1;
return statistic;
});
const config = {
data,
xField: filterPerBillionToKeyMap[filter],
yField: "name",
seriesField: "name",
height: data.length * 40,
legend: {
visible: false,
},
label: {
content: (data: CryptoCurrency) => {
const group = new G.Group({});
group.addShape({
type: "image",
attrs: {
x: 0,
y: 0,
width: 20,
height: 20,
img: `/cryptocurrencies/logo/${data.symbol}.png`,
},
});
group.addShape({
type: "text",
attrs: {
x: 25,
y: 5,
text: data[filterPerBillionToKeyMap[filter]],
textAlign: "left",
textBaseline: "top",
fill: "#595959",
},
});
return group;
},
position: "right",
offset: 4,
},
tooltip: {
// @ts-ignore
title: (text, data) => `#${data.rank} ${text}`,
customItems: (originalItems: any) => {
const items = [
{
color: originalItems[0].color,
name: t("pages.statistics.social.engagementPerBillion"),
value: originalItems[0].value,
},
{
name: t("pages.statistics.social.marketCap"),
value: `$${new BigNumber(originalItems[0].data.marketCap)
.dividedBy(1_000_000_000)
.toFixed(2)}B`,
},
{
name: t("pages.statistics.social.totalEngagement"),
value: originalItems[0].data[filterTotalToKeyMap[filter]],
},
];
return items;
},
},
};
if (!socialChart) {
socialChart = new Bar(
document.getElementById("social-chart") as HTMLElement,
// @ts-ignore
config,
);
socialChart.render();
} else {
socialChart.update(config);
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [isLoading, statistics, filter]);
React.useEffect(() => {
return () => {
socialChart?.destroy();
socialChart = null;
};
}, []);
return (
<>
<Helmet>
<title>{t("pages.statistics.social.title")}</title>
</Helmet>
<Title level={3}>
{t("pages.statistics.social.title")}
<Tooltip placement="right" title={t("tooltips.socialStatistics")}>
<QuestionCircle />
</Tooltip>
</Title>
<Card size="small" bordered={false} className="detail-layout">
<Row>
<Col xs={24}>
<Radio.Group
value={filter}
onChange={({ target: { value } }) => {
setFilter(value);
}}
>
<Radio.Button value={Filter.REDDIT}>
<RedditOutlined /> Reddit
</Radio.Button>
<Radio.Button value={Filter.TWITTER}>
<TwitterOutlined /> Twitter
</Radio.Button>
<Radio.Button value={Filter.GITHUB}>
<GithubOutlined /> Github
</Radio.Button>
</Radio.Group>
<br />
<br />
<Text>
{t(`pages.statistics.social.${filterTotalToKeyMap[filter]}`)}
</Text>
</Col>
</Row>
<Row>
<Col xs={24}>
<Skeleton loading={isLoading || !statistics.length} active>
<div id="social-chart" />
</Skeleton>
</Col>
</Row>
</Card>
</>
);
}
Example #3
| Source File: index.tsx From nanolooker with MIT License | 4 votes |
|
WhatIsNanoPage: React.FC = () => {
const { t } = useTranslation();
const isSmallAndLower = !useMediaQuery("(min-width: 576px)");
return (
<>
<Helmet>
<title>{t("menu.whatIsNano")}</title>
</Helmet>
<Card
size="small"
bordered={false}
className="what-is-card"
style={{
fontSize: isSmallAndLower ? "14px" : "18px",
paddingBottom: "24px",
}}
>
<Title level={2}>
The basics of Nano — why you should be excited about it
</Title>
<span
className="color-muted"
style={{ display: "block", fontSize: "12px", marginBottom: "12px" }}
>
5 min read that will change your perceptions - {t("common.by")}{" "}
<a
href="https://senatusspqr.medium.com/"
target="_blank"
rel="noopener noreferrer"
>
Senatus
</a>
</span>
<Title level={3}>The promising world of cryptocurrencies</Title>
<p>
There’s a good chance you’ll have heard a friend talking about
cryptocurrency recently. What is it, and why are people so excited
about it? In this post, I’ll try to shortly explain what the idea
behind cryptocurrency is, and why specifically Nano is an incredibly
exciting project.
</p>
<p>
The first crypto that came into existence was{" "}
<a
href="https://www.wired.com/2011/11/mf-bitcoin/"
target="_blank"
rel="noopener noreferrer"
>
Bitcoin
</a>
. Created by{" "}
<a
href="https://www.investopedia.com/tech/three-people-who-were-supposedly-bitcoin-founder-satoshi-nakamoto/"
target="_blank"
rel="noopener noreferrer"
>
Satoshi Nakamoto
</a>
, it solved the challenge of how to have digital money that could not
be copied. It offered money where no one party had control over money
issuance and transaction validation, and in doing so offered a way to
transact, internationally, without relying on so-called “fiat”
currencies (such as the dollar and euro), and without relying on
banks.
</p>
<p>
This was an attractive proposition following 2008, where banks were
massively bailed out, and central banks around the world printed a lot
of extra money to support these bailouts. This money printing hasn’t
stopped since, leading many people to conclude that as extra dollars
and euros are being printed, their own dollars and euros are becoming
worth less and less over time.
</p>
<p>
However, Bitcoin comes with its own share of issues. Transactions
take, on average,{" "}
<a
href="https://www.blockchain.com/charts/avg-confirmation-time"
target="_blank"
rel="noopener noreferrer"
>
over 2 hours to confirm
</a>
, while being incredibly expensive, and use{" "}
<a
href="https://medium.com/the-capital/the-environmental-idiocy-of-bitcoin-investment-8c5cd36f802a"
target="_blank"
rel="noopener noreferrer"
>
massive amounts of energy
</a>
. It doesn’t scale, with transactions maxing out at roughly 7
transactions per second, and due to the fees and waiting times is
practically unusable as money.
</p>
<Title level={3} style={{ marginTop: "18px" }}>
Enter Nano
</Title>
<p>
Nano’s primary developer, Colin LeMahieu, was enthusiastic about the
possibilities that such a self-sovereign form of money offered, but
was frustrated with the inefficiency inherent in the current crypto
models. In 2014, he began development on a new form of cryptocurrency
network. The goal was to create an efficient cryptocurrency, one that
could be used for daily payments, by anyone in the world, without the
emissions that come with Bitcoin.
</p>
<blockquote className="markdown color-muted">
Nano makes money efficient for a more equal world — simple to pay
with, easy to accept and open to all.
</blockquote>
<div
className={isSmallAndLower ? "video-wrapper" : ""}
style={{ marginBottom: "12px" }}
>
<iframe
title="Nano around the world"
width="560"
height="315"
src="https://www.youtube.com/embed/iKt9KepQQF4"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>
</div>
<p>
As you can see in the video, Nano is borderless money. It’s completely
feeless to send, and transfers instantly. It’s so energy efficient
that it could run at thousands of transactions per second on the
energy output of a single wind turbine. Rather than having a max of 7
transactions per second, the Nano network uses whatever resources
available, and can handle ever more as hardware improves. Using Nano
is the way money is used in science fiction movies — effortless,
instant and feeless. Hard to believe, even after watching the video?
</p>
<Title level={3} style={{ marginTop: "18px" }}>
You can try it for free, within 2 minutes.
</Title>
<ol
style={{
width: "100%",
maxWidth: "400px",
textAlign: "left",
margin: "0 auto 18px auto",
}}
>
<li>
Install Natrium (
<a
href="https://play.google.com/store/apps/details?id=co.banano.natriumwallet"
target="_blank"
rel="noopener noreferrer"
>
Android here
</a>
,{" "}
<a
href="https://itunes.apple.com/us/app/natrium/id1451425707?ls=1&mt=8"
target="_blank"
rel="noopener noreferrer"
>
iOS here)
</a>
.
</li>
<li>
Visit a <Link to={"/faucets"}>Nano Faucet</Link>.
</li>
<li>Fill in your Nano_ address and hit send.</li>
</ol>
<p>
That’s all! To really try it out I’d recommend getting a second wallet
such as{" "}
<a href="https://nault.cc/" target="_blank" rel="noopener noreferrer">
Nault
</a>{" "}
(web-based) or Nalli (
<a
href="https://play.google.com/store/apps/details?id=fi.heimo.nalli"
target="_blank"
rel="noopener noreferrer"
>
Android here
</a>
,{" "}
<a
href="https://apps.apple.com/app/id1515601975"
target="_blank"
rel="noopener noreferrer"
>
iOS here
</a>
), then sending some Nano from your first wallet to the second.
</p>
<Title level={3} style={{ marginTop: "18px" }}>
So how does this work?
</Title>
<p>
Nano is a cryptocurrency, but uses a different model than traditional
cryptocurrencies such as Bitcoin. Rather than having one big
blockchain, where everyone competes for space in the next “block” to
be mined and added to the chain, Nano utilises something called the{" "}
<a
href="https://www.mycryptopedia.com/nano-block-lattice-explained/"
target="_blank"
rel="noopener noreferrer"
>
Block Lattice
</a>
.
</p>
<img
alt="Nano uses a block-lattice"
src="/what-is-nano/nano-block-lattice.gif"
width="100%"
style={{ maxWidth: 700, margin: "18px 0" }}
/>
<p>
Rather than competing for space, users add blocks to their own chain
which are processed asynchronously, instantly. Due to this innovative
model of adding blocks to the ledger, the network has no limit in
terms of transactions or confirmations per second it can process. As
hardware become cheaper, the limits of the Nano network will increase.
</p>
<a
href="https://medium.com/nanocurrency/nano-how-2-blocks-and-lattices-dd209208834d"
target="_blank"
rel="noopener noreferrer"
>
<img
alt="Nano uses a block-lattice"
src="/what-is-nano/block-lattice.png"
width="100%"
style={{ maxWidth: 600, marginTop: "18px" }}
/>
</a>
<Title level={3} style={{ marginTop: "18px" }}>
So there’s no mining?
</Title>
<p>
Correct. Rather than using mining, Nano uses Open Representative
Voting. Miners do not compete to add the next block in Nano, rather
Nano holders vote for Representatives who then confirm transactions on
their behalf. Anyone can be a representative, and anyone can change
their vote at any time. These Representatives confirm transactions as
soon as they see them come in, which means that Nano’s speed is mostly
limited by internet connection latency (practically the speed of
light).
</p>
<p>
The lack of mining is also what makes Nano so incredibly energy
efficient. In Bitcoin, miners essentially engage in a bidding war,
spending as much energy as possible to increase their odds of being
the one to add the next block to the chain. Nano does away with this
competition, away with this energy waste, and focuses on efficiency.
</p>
<img
alt="Nano is environmental friendly versus Bitcoin"
src="/what-is-nano/nano-vs-bitcoin.png"
width="100%"
style={{ maxWidth: 600, marginTop: "18px" }}
/>
<Title level={3} style={{ marginTop: "18px" }}>
What’s the idea behind this?
</Title>
<p>
Nano is intended to be digital money for the modern world. It was
distributed, for free, to anyone willing to solve captchas. Because of
this, Nano was distributed mostly to people in poorer countries.
Because of its feeless nature, it’s ideal for lower-income countries.
Because of being instant, it works as a medium of exchange, as money.
Because there are no fees and there is no inflation, no money is lost
when either storing value in Nano, or when using Nano.
</p>
<Title level={3} style={{ marginTop: "18px" }}>
The gaming industry
</Title>
<p>
Enabling fast and instant micro transactions unlocks a world of
possibilities for game developers. Anything from a power-up store,
unlocks, new skins, rewards can be easily integrated with Nano.
</p>
<ul
style={{
width: "100%",
margin: "0 auto 18px auto",
}}
>
<li>
A{" "}
<a
href="https://assetstore.unity.com/packages/tools/integration/nano-190960"
target="_blank"
rel="noopener noreferrer"
>
Unity Nano Plugin
</a>{" "}
is now available for free on the Unity store, allowing any Unity
developer to easily implement Nano into their games.
</li>
<li>
An{" "}
<a
href="https://github.com/wezrule/UE4NanoPlugin"
target="_blank"
rel="noopener noreferrer"
>
Unreal Engine 4 Plugin
</a>{" "}
is available. Unreal Engine is behind some of the most successful
games of all time; Fortnite, Street Fighter V, Borderlands and Final
Fantasy VII Remake just to name a few.
</li>
</ul>
<div
className={isSmallAndLower ? "video-wrapper" : ""}
style={{ margin: "12px 0" }}
>
<iframe
title="Nano Unreal Engine plugin integrated with the ActionRPG game"
width="560"
height="315"
src="https://www.youtube.com/embed/gMtzOkaNnXc"
frameBorder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowFullScreen
></iframe>
</div>
<Title level={3} style={{ marginTop: "18px" }}>
So why hasn’t this taken off yet?
</Title>
<p>
I’m speculating here, but I think that many people have heard of
Bitcoin. If you’ve spoken to someone about cryptocurrency, there’s a
good chance they mentioned Bitcoin. A fraction of those who hear about
it actually try to use Bitcoin, and most, justly, conclude that
Bitcoin is slow and clunky. To many people, Bitcoin = cryptocurrency,
and therefore all cryptocurrency must be slow and clunky. Nano’s
claims seem outlandish after having experienced Bitcoin, and it’s easy
to dismiss it as a scam. Hence my instruction, at the start of this
post, on how to try Nano out for free, within 2 minutes. Since you
probably skipped over it the first time, I’d like to end this article
by saying that you spent so long reading this, you might as well try
it out, for free!
</p>
<p>
We Nano enthusiasts welcome anyone who wants to talk about Nano
<br /> on{" "}
<a
href="https://www.reddit.com/r/nanocurrency"
target="_blank"
rel="noopener noreferrer"
>
<RedditOutlined /> Reddit
</a>{" "}
and{" "}
<a
href="https://chat.nano.org/"
target="_blank"
rel="noopener noreferrer"
>
Discord
</a>
.
</p>
<blockquote className="markdown color-muted">
Nano's decentralization argument is strong because it's the{" "}
<strong>easiest</strong> and <strong>least risky</strong> system for
people to participate in consensus. From an economic standpoint
requiring <strong>capital expenditure</strong> and{" "}
<strong>giving monetary reward</strong> will result in economies of
scale trying to minimize capital cost and maximize return which{" "}
<strong>results in centralization.</strong> - Colin LeMahieu, Founder
of Nano
</blockquote>
<p>
Learn more on{" "}
<a href="https://nano.org" target="_blank" rel="noopener noreferrer">
https://nano.org/
</a>
</p>
</Card>
</>
);
}
