Дэн Абрамов

Архив недели @dan_abramov

Понедельник

Вторник

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Раз уж пошла такая пьянка, есть ли что-то, что вы бы хотели донести до своих коллег? (Анонимно. Я удаляю DM-ы по мере получения.)

Раз уж пошла такая пьянка, есть ли что-то, что вы бы хотели донести до своих коллег? (Анонимно. Я удаляю DM-ы по мере получения.)

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

21:36

К слову об управлении стейтом. Три недели назад я начал писать новую библиотеку. Она называется Redux. github.com/gaearon/redux

---

21:36

Я не люблю изобретать велосипед, но не нашел другого пути. У меня было три цели.

---

21:36

Первая цель: сохранить преимущества Flux. Только экшны могут менять стейт, сторы инкапсулируют управление независимыми областями стейта.

---

21:37

Вторая цель: поменять Flux так, чтобы можно было перезагружать логику сторов на ходу с помощью React Hot Loader и подобных решений.

---

21:37

Третья цель: поменять Flux так, чтобы можно было легко написать devtools для record/replay, time travel, (de)hydration без участия юзера.

---

21:38

Я буду рассказывать про Redux в своем докладе на React Europe в июле. В этом треде готов отвечать на вопросы. )

---

21:39

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

мск, в трудовой "верстальщик", федеральный ритейл, пилю внутренние системы на ExtJS,100к р/мес на руки с премиями twitter.com/jsunderhood/st…

---

22:15

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Senior Frontend Engineer, Киев, 35$/час, в месяц до 6к$ twitter.com/jsunderhood/st…

---

22:34

Это лучшая пареза про Flux, что я до сих пор видел — by @alexeyraspopov alexeyraspopov.github.io/talks/what-the…

Среда

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Раз уж пошла такая пьянка, есть ли что-то, что вы бы хотели донести до своих коллег? (Анонимно. Я удаляю DM-ы по мере получения.)

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Четверг

Давайте поговорим про деньги и фронтэнд. Что вы делаете, и сколько вы зарабатываете? Можно в личку или с throwaways — я размещу анонимно.

Пятница

Суббота

Воскресенье

Понедельник

Ссылки

GitHub - enaqx/awesome-react: A collection of awesome things regarding React ecosystem

A collection of awesome things regarding React ecosystem - GitHub - enaqx/awesome-react: A collection of awesome things regarding React ecosystem

https://github.com/enaqx/awesome-react

Turning the database inside-out with Apache Samza - Confluent

This is an edited and expanded transcript of a talk I gave at Strange Loop 2014. The video recording (embedded below) has been watched over 8,000 times. For those of you who prefer reading, I thought it would be worth writing down the talk. Databases are global, shared, mutable state.

http://blog.confluent.io/2015/03/04/turning-the-database-inside-out-with-apache-samza/

The End of Global CSS

Anyone who has worked with CSS long enough has had to come to terms with its aggressively global nature - a model clearly designed in the age of documents, now struggling to offer a sane working...

https://medium.com/seek-ui-engineering/the-end-of-global-css-90d2a4a06284

GitHub - jsxstyle/jsxstyle: Inline style system for React and Preact

This repository is the monorepo for runtime versions jsxstyle as well as a few tools designed to be used with jsxstyle. jsxstyle-webpack-plugin webpack plugin that extracts static styles from jsxstyle components at build time utility functions used by jsxstyle-webpack-plugin and runtime jsxstyle jsxstyle is an inline style system for React and Preact.

https://github.com/petehunt/jsxstyle

CODE GENIUS - Rise of the Transpilers by Jeremy Ashkenas

New York Times graphics editor, Jeremy Ashkenas, presents at Code Genius.4/23/15Follow Jeremy Ashkenas: @jashkenaswww.ashkenas.comVisit code.genius.com for m...

https://youtu.be/DspYurD75Ns?t=39m

GitHub - css-modules/css-modules: Documentation about css-modules

A CSS Module is a CSS file in which all class names and animation names are scoped locally by default. All URLs ( url(...)) and @imports are in module request format (./xxx and ../xxx means relative, xxx and xxx/yyy means in modules folder, i. e. in node_modules).

https://github.com/css-modules/css-modules

React: CSS in JS

not to convince you that you should drop CSS and use JS instead. I want to cast light on fundamental problems with CSS that no one is talking about or trying to solve. Sure there are many libraries on CSS like Less, Sass... but none of them try to address the 7 points I highlighted.

https://speakerdeck.com/vjeux/react-css-in-js

Block, Element, Modifying Your JavaScript Components

Thanks to BEM's naming conventions, what used to be a big ball of HTML became a suite of nested components. However, for many of us the component abstraction didn't go further than the style sheet. Our single page apps could quickly devolve into a collection of massive controllers with overly bloated templates, combining multiple blocks into a larger, combined view.

https://medium.com/seek-ui-engineering/block-element-modifying-your-javascript-components-d7f99fcab52b

GitHub - reduxjs/redux: Predictable state container for JavaScript apps

Redux is a predictable state container for JavaScript apps. (Not to be confused with a WordPress framework - Redux Framework) It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test.

http://github.com/gaearon/redux

What the Flux

What the F*** What the Flux Front-end разработчик в DataRobot 4+ года опыта в разработке SPA Фанат Vanilla JS Поговорим об архитектуре Подумаем, на что мы тратим много времени Не говорим о сервере Не затрагиваем UI (почти) render = (Data) => UI; render = (Data) => UI; update = (State,

http://alexeyraspopov.github.io/talks/what-the-flux/

#PostModem

PostModem by Mayer\Leyva: "A comedic satirical sci-fi pop-musical based on the theories of Ray Kurzweil and other futurists. It's the story of two Miami girls and how they deal with the technological singularity, as told through as series of cinematic tweets."

https://vimeo.com/88035957

Docs improvements by acdlite · Pull Request #140 · reduxjs/redux

PR to keep track of docs improvements, as discussed in #137 Rename Stores to Reducers Rename the "Redux instance" to Store as per #137 (comment) Explain that if you squint at traditional Flux Stores, you'll see Reducers trapped in them Glossary of terms JSDoc (and/or Flow annotations) Design decisions Updated README (with focus on familiar Flux concepts; keep advanced stuff in docs) "Getting Started" guide Explanation of how to subscribe to changes manually, without Provider and Connector #134 (comment) Higher-order stores (possibly call these "store transformers"?)

https://github.com/gaearon/redux/pull/140#issuecomment-114756152

Bruce Hauman - Developing ClojureScript With Figwheel

Figwheel is a tool that helps ClojureScript programmers. It facilitates a live interactive programming workflow and much more. In this talk, I will go over t...

http://www.youtube.com/watch?v=j-kj2qwJa_E

Live-editing React app without refresh

There's no browser plugins involved, it's all "just JavaScript" (and a Webpack dev server). Best news: you can already use this today! Read how to integrate it into your app: http://gaearon.github.io/react-hot-loader/

http://vimeo.com/100010922

GitHub - milankinen/livereactload: Live code editing with Browserify and React

Live code editing with Browserify and React. ATTENTION! The upcoming 4.x version will be using the new react-hot-loader and it is already available in npm as a beta tag. If you want to test it, check out the migration guide and installation instructionshere!

https://github.com/milankinen/livereactload

GitHub - mjohnston/react-native-webpack-server: Build React Native apps with Webpack

Build React Native apps with Webpack. Contribute to mjohnston/react-native-webpack-server development by creating an account on GitHub.

https://github.com/mjohnston/react-native-webpack-server

browserify for webpack users

There's been a strange explosion in misinformation about browserify recently, particularly in comparisons to webpack. Generally speaking, most of this confusion stems from how webpack is more willing to pull features into its core to ease discoverability while browserify is more likely to push features out to userland instead.

https://gist.github.com/substack/68f8d502be42d5cd4942

browserify for webpack users

There's been a strange explosion in misinformation about browserify recently, particularly in comparisons to webpack. Generally speaking, most of this confusion stems from how webpack is more willing to pull features into its core to ease discoverability while browserify is more likely to push features out to userland instead.

https://gist.github.com/substack/68f8d502be42d5cd4942#comment-1364980

browserify for webpack users

There's been a strange explosion in misinformation about browserify recently, particularly in comparisons to webpack. Generally speaking, most of this confusion stems from how webpack is more willing to pull features into its core to ease discoverability while browserify is more likely to push features out to userland instead.

https://gist.github.com/substack/68f8d502be42d5cd4942#comment-1365101

Modularity

Recently there's been some heated discussion over writing modular code, what that means, and which style is better. A gist about browserify vs webpack started the discussion and it's evolved in the comments and on twitter since then. It's hard to talk about this because "modularity" is such an abstract concept.

http://jlongster.com/Modularity

My React List

Update (2017): When I first wrote this more than two years ago, the React community was still fairly small. I have created a new list that reflects some of the current active community members as of 2017 here: https://twitter.com/dan_abramov/status/937339649537781762 https://twitter.com/dan_abramov/status/937346123458588672 https://twitter.com/dan_abramov/status/937350410561519617 https://twitter.com/dan_abramov/status/937352046268899328 That's quite a bit more people, but I hope you find it useful too!

https://medium.com/@dan_abramov/my-react-list-862227952a8c

style-loader/index.js at 2823eb4a5e6eb6594a98fe0ea34454b7f7ffca7d · webpack-contrib/style-loader

Style Loader. Contribute to webpack-contrib/style-loader development by creating an account on GitHub.

https://github.com/webpack/style-loader/blob/2823eb4a5e6eb6594a98fe0ea34454b7f7ffca7d/index.js#L21-L32

Release v3.0.0 · npm/npm

Wow, it's finally here! This has been a long time coming. We are all delighted and proud to be getting this out into the world, and are looking forward to working with the npm user community to get it production-ready as quickly as possible.

https://github.com/npm/npm/releases/tag/v3.0.0

Presentational and Container Components

Update from 2019: I wrote this article a long time ago and my views have since evolved. In particular, I don't suggest splitting your components like this anymore. If you find it natural in your codebase, this pattern can be handy. But I've seen it enforced without any necessity and with almost dogmatic fervor far too many times.

https://medium.com/@dan_abramov/smart-and-dumb-components-7ca2f9a7c7d0

Combining Stateless Stores

Instantly share code, notes, and snippets. Combining Stateless Stores You can't perform that action at this time. You signed in with another tab or window. You signed out in another tab or window. Reload to refresh your session. Reload to refresh your session.

https://gist.github.com/gaearon/d77ca812015c0356654f

Consulting in mathematics, statistics, and data privacy

Converting text to all upper case or all lower case is a fairly common task. One way to convert text to upper case would be to use the tr utility to replace the letters a through z with the letters A through Z.

http://www.johndcook.com/blog/

The Case for Flux

Flux has become trendy in the past few months, and you've seen everyone and their dog roll out their own implementations. The momentum around this pattern is so hard to ignore that, if you are a React beginner, you might be in a position where you think that Flux is the way to write React apps, but you're frustrated that you don't get it.

https://medium.com/@dan_abramov/the-case-for-flux-379b7d1982c6

The Sailing Away by dima ustinov

Уезжать - еще лучше, чем погружаться в сон. Сегодня нензаметно превращается во вчера, а вчера растворяется за спиной быстрее, чем след от моторки, на которой ты плывешь, пока слушаешь этот микс. Иногда кажется, что только уехав, ты можешь побыть с собой, или вообще над собой, что намного лучше - голоса в твоей голове на определенной скорости кажутся просто персонажами книги, которую ты читаешь.

https://soundcloud.com/taras3000/the-sailing-away

Please add plain ES5 examples · Issue #200 · react-dnd/react-dnd

Not all of us have the luxury of using newfangled ES7 syntax, it would be a lot of help for newcomer information overload if there could be a couple working examples that didn't introduce all these new language features (especially exper...

https://github.com/gaearon/react-dnd/issues/200