GitHub - remarkjs/react-markdown: Markdown component for ReactYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
remark+ReactでMarkdownをレンダリングする
Takuya Digital crafts(man|dog). Love photography. Always making otherwise sleeping. born in 1984. 本記事は React Advent Calendar 2016 9日目の記事です。 本稿では、remarkというプラグインベースのMarkdownプロセッサを用いて、ReactのdangerouslySetInnerHTMLを使わずにMarkdownをレンダリングする方法をご紹介します。 InkdropというMarkdown専用ノートアプリを作っていて、その中でこのremarkを使っています。 XSSを回避してReact方式でDOM操作したい ReactでMarkdownをレンダリングしようと思うと、markedとかmarkdown-itを使ってHTMLの文字列に変換してからdangerously
Emotion – Introduction
Emotion is a library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities. Both string and object styles are supported. There are two primary methods of using Emotion. The first is framework agnostic and the second is for use with React. Fr
Introducing Hooks – React
These docs are old and won’t be updated. Go to react.dev for the new React docs. These new documentation pages teach React with Hooks: Quick Start Tutorial react: Hooks Hooks are a new addition in React 16.8. They let you use state and other React features without writing a class. import React, { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count
React v16.6.0: lazy, memo and contextType – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. Today we’re releasing React 16.6 with a few new convenient features. A form of PureComponent/shouldComponentUpdate for function components, a way to do code splitting using Suspense and an easier way to consume Context from class components. Check out the full changelog below. React.memo Class components can bail out f
Introducing the React Profiler – React Blog
React 16.5 adds support for a new DevTools profiler plugin. This plugin uses React’s experimental Profiler API to collect timing information about each component that’s rendered in order to identify performance bottlenecks in React applications. It will be fully compatible with our upcoming time slicing and suspense features. This blog post covers the following topics: Profiling an application Rea
glamorous - React component styling solved 💄
const BigLink = glamorous.a({ border: '1px solid #F67982', width: '11em', padding: '0.7em 0', textDecoration: 'none', borderRadius: 4, display: 'inline-block', margin: '.5em 1em', transition: 'all .3s', }, ({primary}) => ({ backgroundColor: primary ? '#CC3A4B' : 'rgba(255, 255, 255, 0.5)', color: primary ? '#fff' : '#DA233C', ':hover': { backgroundColor: primary ? 'rgba(255, 255, 255, 0.5)' : '#CC
Use a Render Prop!
Update: I made a PR to add Render Props to the official React docs. Update 2: Added some language to clarify that “children as a function” is the same concept, just a different prop name. Update 3: Render props are being used in React’s new context API, patterned after react-broadcast! I was suggesting that the higher-order component pattern that is a popular method of code reuse in many React cod
React v16.3.0: New lifecycles and context API - React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. A few days ago, we wrote a post about upcoming changes to our legacy lifecycle methods, including gradual migration strategies. In React 16.3.0, we are adding a few new lifecycle methods to assist with that migration. We are also introducing new APIs for long requested features: an official context API, a ref forwardin
Update on Async Rendering – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. For over a year, the React team has been working to implement asynchronous rendering. Last month during his talk at JSConf Iceland, Dan unveiled some of the exciting new possibilities async rendering unlocks. Now we’d like to share with you some of the lessons we’ve learned while working on these features, and some rec
Profiling React component performance with Chrome devtools - Calibre
Ben Schwarz November 28, 2017 (Updated: October 27, 2020) React was one of the first major front-end frameworks to not only name, but tout its rendering performance. React’s virtual dom is famous for efficiently rendering components—but what happens when those components suddenly don’t feel fast anymore? Where do you look? How do you fix it? In this walk-through, we’ll show how to find and fix slo
Error Handling in React 16 – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. As React 16 release is getting closer, we would like to announce a few changes to how React handles JavaScript errors inside components. These changes are included in React 16 beta versions, and will be a part of React 16. By the way, we just released the first beta of React 16 for you to try! Behavior in React 15 and
React v15.6.0 – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. Today we are releasing React 15.6.0. As we prepare for React 16.0, we have been fixing and cleaning up many things. This release continues to pave the way. Improving Inputs In React 15.6.0 the onChange event for inputs is a little bit more reliable and handles more edge cases, including the following: not firing when r
GitHub - react-boilerplate/react-boilerplate: 🔥 A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
Quick scaffolding Create components, containers, routes, selectors and sagas - and their tests - right from the CLI! Instant feedback Enjoy the best DX (Developer eXperience) and code your app at the speed of thought! Your saved changes to the CSS and JS are reflected instantaneously without refreshing the page. Preserve application state even when you update something in the underlying code! Pred
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - piotrwitek/react-redux-typescript-guide: The complete guide to static typing in "React & Redux" apps using TypeScript
GitHub - FortAwesome/react-fontawesome: Font Awesome React component
GitHub - gregberge/loadable-components: The recommended Code Splitting library for React ✂️✨
GitHub - jamiebuilds/react-loadable: :hourglass_flowing_sand: A higher order component for loading components with promises.
GitHub - tjallingt/react-youtube: react.js powered YouTube player component
Page object for testing React.js components