[B! &React] puremacã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

puremac id:puremac

&Reactã«é–¢ã™ã‚‹puremacã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (14)

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

{{/following_bookmarks}}

{{/is_wiped}}

Reactã§ä½¿ç”¨ã™ã‚‹JSXã®åŸºæœ¬ã‚’ã‚ã‹ã‚Šã‚„ã™ãè§£èª¬
å¾“æ¥ã€é–‹ç™ºè€…ã¯ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¨ãƒã‚¸ãƒƒã‚¯ã‚’åˆ¥ã€…ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«åˆ†ã‘ã€æ§‹é€ ã«ã¯HTMLã€ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã«ã¯CSSã‚’ä½¿ç”¨ã—ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚„ãƒ‡ãƒ¼ã‚¿æ“ä½œã«ã¯JavaScriptã‚’è¨˜è¿°ã—ã¦ãã¾ã—ãŸã€‚ ã—ã‹ã—ã€ã“ã‚Œã‚‰ã®æŠ€è¡“ã‚’çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã€é–‹ç™ºãƒ—ãƒã‚»ã‚¹ã‚’ç°¡ç´ åŒ–ã—ã€è¤‡é›‘ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ç°¡å˜ã«æ§‹ç¯‰ã§ãã‚‹æ–¹æ³•ãŒã‚ã‚‹ã¨ã—ãŸã‚‰ã©ã†ã§ã—ã‚‡ã†ã‹ã€‚ãã“ã§ç™»å ´ã™ã‚‹ã®ãŒJSXã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€JSXã¨ã¯ä½•ã‹ã€ã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã®ã‹ã€ãã—ã¦ãªãœã‚¦ã‚§ãƒ–é–‹ç™ºã«ãŠã„ã¦ã€ã“ã‚ŒãŒå‹•çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹ãŸã‚ã«é‡è¦ãªã®ã‹ã‚’å¦ã³ã¾ã™ã€‚ ã“ã®é©å‘½çš„ãªæŠ€è¡“ã«ã¤ã„ã¦ã€è©³ã—ãè¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ JSXã¨ã¯ JSXï¼ˆJavaScript XMLï¼‰ã¯ã€JavaScriptã®æ§‹æ–‡æ‹¡å¼µã§ã€JavaScriptãƒ•ã‚¡ã‚¤ãƒ«å†…ã«HTMLã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’è¨˜è¿°ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚‚ã®ã§ã™ã€‚Metaï¼ˆæ—§Facebookï¼‰ã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã¾ã—ãŸ
puremac 2024/10/29
JavaScript

JSX

&React
ãƒªãƒ³ã‚¯
MUI: The React component library you always wanted
Ready-to-use foundational React components, free forever.
puremac 2021/10/25
UI-kit

&React
ãƒªãƒ³ã‚¯
Develop. Preview. Ship. For the best frontend teams â€“ Vercel
Your complete platform for the web.Vercel provides the developer tools and cloud infrastructure to build, scale, and secure a faster, more personalized web. Your complete platform for the web.Vercel provides the developer tools and cloud infrastructure to build, scale, and secure a faster, more personalized web.
puremac 2020/12/17
via https://vercel.com/virtual-event-starter-kit

development

front-end

+deploy

&React

&next.js

api
ãƒªãƒ³ã‚¯
Build optimized websites quickly, focus on your content | Docusaurus
Build optimized websites quickly, focus on your content Powered by MDXSave time and focus on text documents. Simply write docs and blog posts with MDX, and Docusaurus builds them into static HTML files ready to be served. You can even embed React components in your Markdown thanks to MDX. Built Using ReactExtend and customize your project's layout by writing React components. Leverage the pluggabl
puremac 2018/01/10
via http://bit.ly/2mdHTaZ

.io

node.js

markdown

&React
ãƒªãƒ³ã‚¯
Elemental UI
A flexible and beautiful UI framework for React.js
puremac 2017/04/12
&React

ui

framework
ãƒªãƒ³ã‚¯
Lottie
Easily add high-quality animation to any native app. Lottie is an iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images. Get Started Learn more â€º Why Lottie? Flexible After Effects features We currently support solids, shape layers, masks, alpha mattes, trim paths, and dash patterns. And weâ€™ll
puremac 2017/02/03
iOS

android

&React
ãƒªãƒ³ã‚¯
Winds: A Beautiful Open Source RSS & Podcast App
In today's digital age, staying updated with the latest news, articles, and podcasts can feel like a daunting task. With an abundance of information scattered across various platforms, managing and consuming content efficiently has become more important than ever. Enter Winds â€“ an innovative open-source application powered by Stream that redefines how we engage with RSS feeds and podcasts. Please
puremac 2016/11/22
.io

&React

Sails

Stream
ãƒªãƒ³ã‚¯
Preact | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.
function Counter() { const [value, setValue] = useState(0); return ( <> <div>Counter: {value}</div> <button onClick={() => setValue(value + 1)}>Increment</button> <button onClick={() => setValue(value - 1)}>Decrement</button> </> ) } Closer to the DOM Preact provides the thinnest possible Virtual DOM abstraction on top of the DOM. It builds on stable platform features, registers real event handler
puremac 2016/11/08
JavaScript

&React

es6

altJS
ãƒªãƒ³ã‚¯
Material UI: React components that implement Material Design
Ready-to-use foundational React components, free forever.
puremac 2016/08/19
&React

*Material_Design
ãƒªãƒ³ã‚¯
GitHub - gatsbyjs/gatsby: The best React-based framework with performance, scalability and security built in.
Gatsby helps professional developers efficiently create maintainable, highly-performant, content-rich websites. Load Data From Anywhere. Gatsby pulls in data from any data source, whether itâ€™s Markdown files, a headless CMS like Contentful or WordPress, or a REST or GraphQL API. Use source plugins to load your data, then develop using Gatsbyâ€™s uniform GraphQL interface. Go Beyond Static Websites.
puremac 2016/07/25
markdown

webpack

&React
ãƒªãƒ³ã‚¯
æ—©ããƒ»ãã‚Œãªã‚Šã® UI ã‚’å®Ÿç¾ã™ã‚‹ React ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚»ãƒƒãƒˆ 16 é¸ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã‚Œã¾ã§ã€é–‹ç™ºè€…ãŒã€Œæ—©ããƒ»ãã‚Œãªã‚Šã® UI ã€ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«ã€Bootstrap ãªã©ã® CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒé‡å®ã•ã‚Œã¦ãã¾ã—ãŸã€‚ ã—ã‹ã—ä»Šã§ã¯ã€React ãªã©ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ UI ã‚’ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆåŒ–ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ React ã§ã‚ã£ã¦ã‚‚ã€äº‹å‰ã« CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’èªã¿è¾¼ã‚“ã§ãŠãã€ã‚¯ãƒ©ã‚¹åã‚’ä»˜ä¸Žã™ã‚‹ã“ã¨ã§ã“ã‚Œã¾ã§ã¨åŒã˜ã‚ˆã†ã«ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã ã€æ—¢å˜ã® CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯å†…éƒ¨ã§ jQuery ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã“ã¨ãŒå¤šã„ã®ã§ã€React ã¨ jQuery ã‚’å…±å˜ã•ã›ã‚‹ã‹ã€jQuery éƒ¨åˆ†ã‚’è‡ªå‰
puremac 2016/07/12
picked

qiita

&React
ãƒªãƒ³ã‚¯
Reapp
React UI Kit A set of components for beautiful interfaces on any platform. Optimized for mobile and fully customizable. Packages Everything you need to build apps from day one, from animations to routing, requests to data management. import Component from .css'reapp-component'; import Request from .css'reapp-request'; import reducer from .css'reapp-reducer'; import UI from 'reapp-ui';
puremac 2016/05/19
via http://www.moongift.jp/2016/05/reapp-react%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%83%8F%E3%82%A4%E3%83%96%E3%83%AA%E3%83%83%E3%83%89%E3%82%A2%E3%83%97%E3%83%AA%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF/

.io

&React

UI-kit
ãƒªãƒ³ã‚¯
JSã¨ã„ãˆã°jQueryã ã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒã€Reactã‚’1å¹´é–“ä½¿ã£ã¦æ„Ÿã˜ãŸãƒ¡ãƒªãƒƒãƒˆï½œdwango creators' blogï¼ˆãƒ‰ãƒ¯ãƒ³ã‚´ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚°ï¼‰
ã¯ã˜ã‚ã¾ã—ã¦ã€ã»ãã ã¨ç”³ã—ã¾ã™ã€‚æ˜¨å¹´ç§‹ã¾ã§å€‹äººäº‹æ¥ä¸»ã®ç«‹å ´ã§ãƒ‰ãƒ¯ãƒ³ã‚´ã§ãŠä»•äº‹ã•ã›ã¦ã„ãŸã ã„ã¦ãŠã‚Šã¾ã—ãŸãŒã€ã„ã‚ã„ã‚çµŒç·¯ãŒã‚ã‚Šã¾ã—ã¦ä¸ã®äººã«ãªã‚Šã¾ã—ãŸã€‚ãƒ‰ãƒ¯ãƒ³ã‚´æ´ã¯ãã“ãã“é•·ã„æ–°å…¥ã‚Šã§ã™ã€‚ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ã•ã¦ã€ä»Šå›žã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼ˆHTML/CSS/JSã¯æ‰±ãˆã‚‹ã„ã‚ã‚†ã‚‹ã€ŒWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ï¼‰ã¨ã—ã¦1å¹´é–“ã»ã©Reactã‚’ä½¿ã£ã¦ã¿ãŸã®ã§ã€ãã®ãƒ¡ãƒªãƒƒãƒˆã‚’æ›¸ã„ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ Reactã¨ã®å‡ºä¼šã„ Reactã¨ã¯Facebookè£½ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ https://facebook.github.io/react/ Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®Viewéƒ¨åˆ†ã‚’å®Ÿè£…ã—ã¾ã™ã€‚2014å¹´ã®æš®ã‚Œã«ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã€…ãŒé‚ã‚’éœ‡ã‚ã›ã¦ã„ã‚‹ã®ã‚’è¦‹ã¦å˜åœ¨ã‚’çŸ¥ã‚Šã¾ã—ãŸã€‚2015å¹´ã¯Reactå…ƒå¹´ãªæ„Ÿã˜ã§ã—ãŸã‚ˆãã€‚ åƒ•è‡ªèº«ã€ä»¥å‰ã‹ã‚‰æ¯”è¼ƒçš„JSã‚’æ›¸ãã‚¿ã‚¤ãƒ—ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã¯ã‚ã‚Šã¾ã—ãŸãŒã€æ£ç›´ãªã¨ã“ã‚è‡ªåˆ†ãŒé–¢ã‚ã£ã¦ã
puremac 2016/01/21
picked

&React
ãƒªãƒ³ã‚¯
Tinychart â€“ simple, ready-to-go charts
A simple tool to create and export beautiful charts in minutes
puremac 2015/02/16
https://github.com/vdel26/tinychart

.co

generator

&React

+chart
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx