diff --git a/_data/acknowledgements.yml b/_data/acknowledgements.yml index 45e934230..7156e0543 100644 --- a/_data/acknowledgements.yml +++ b/_data/acknowledgements.yml @@ -62,7 +62,6 @@ - Basarat Ali Syed - Battaile Fauber - Beau Smith - - Ben Alpert - Ben Anderson - Ben Brooks - Ben Foxall @@ -584,6 +583,7 @@ - Simone Vittori - Soichiro Kawamura - Sophia Westwood + - Sophie Alpert - Sota Ohara - Spencer Handley - Stefan Dombrowski diff --git a/_posts/2013-06-12-community-roundup.md b/_posts/2013-06-12-community-roundup.md index ebe082c28..0b49367f1 100644 --- a/_posts/2013-06-12-community-roundup.md +++ b/_posts/2013-06-12-community-roundup.md @@ -7,14 +7,14 @@ React was open sourced two weeks ago and it's time for a little round-up of what ## Khan Academy Question Editor -It looks like [Ben Alpert](http://benalpert.com/) is the first person outside of Facebook and Instagram to push React code to production. We are very grateful for his contributions in form of pull requests, bug reports and presence on IRC ([#reactjs on Freenode](irc://chat.freenode.net/reactjs)). Ben wrote about his experience using React: +It looks like [Sophie Alpert](http://sophiebits.com/) is the first person outside of Facebook and Instagram to push React code to production. We are very grateful for her contributions in form of pull requests, bug reports and presence on IRC ([#reactjs on Freenode](irc://chat.freenode.net/reactjs)). Sophie wrote about her experience using React: > I just rewrote a 2000-line project in React and have now made a handful of pull requests to React. Everything about React I've seen so far seems really well thought-out and I'm proud to be the first non-FB/IG production user of React. > > The project that I rewrote in React (and am continuing to improve) is the Khan Academy question editor which content creators can use to enter questions and hints that will be presented to students: ->
[![](/react/img/blog/khan-academy-editor.png)](http://benalpert.com/2013/06/09/using-react-to-speed-up-khan-academy.html)
+>
[![](/react/img/blog/khan-academy-editor.png)](http://sophiebits.com/2013/06/09/using-react-to-speed-up-khan-academy.html)
> -> [Read the full post...](http://benalpert.com/2013/06/09/using-react-to-speed-up-khan-academy.html) +> [Read the full post...](http://sophiebits.com/2013/06/09/using-react-to-speed-up-khan-academy.html) ## Pimp my Backbone.View (by replacing it with React) diff --git a/_posts/2013-07-03-community-roundup-4.md b/_posts/2013-07-03-community-roundup-4.md index af3660728..be9a215b5 100644 --- a/_posts/2013-07-03-community-roundup-4.md +++ b/_posts/2013-07-03-community-roundup-4.md @@ -7,7 +7,7 @@ React reconciliation process appears to be very well suited to implement a text ## Khan Academy -[Ben Kamens](http://bjk5.com/) explains how [Ben Alpert](http://benalpert.com/) and [Joel Burget](http://joelburget.com/) are promoting React inside of [Khan Academy](https://www.khanacademy.org/). They now have three projects in the works using React. +[Ben Kamens](http://bjk5.com/) explains how [Sophie Alpert](http://sophiebits.com/) and [Joel Burget](http://joelburget.com/) are promoting React inside of [Khan Academy](https://www.khanacademy.org/). They now have three projects in the works using React. > Recently two Khan Academy devs dropped into our team chat and said they were gonna use React to write a new feature. They even hinted that we may want to adopt it product-wide. > diff --git a/_posts/2013-07-23-community-roundup-5.md b/_posts/2013-07-23-community-roundup-5.md index 3673d40e5..586a73a3d 100644 --- a/_posts/2013-07-23-community-roundup-5.md +++ b/_posts/2013-07-23-community-roundup-5.md @@ -7,13 +7,13 @@ We launched the [React Facebook Page](https://www.facebook.com/react) along with ## Cross-browser onChange -[Ben Alpert](http://benalpert.com/) from [Khan Academy](https://www.khanacademy.org/) worked on a cross-browser implementation of `onChange` event that landed in v0.4. He wrote a blog post explaining the various browser quirks he had to deal with. +[Sophie Alpert](http://sophiebits.com/) from [Khan Academy](https://www.khanacademy.org/) worked on a cross-browser implementation of `onChange` event that landed in v0.4. She wrote a blog post explaining the various browser quirks she had to deal with. > First off, what is the input event? If you have an `` element and want to receive events whenever the value changes, the most obvious thing to do is to listen to the change event. Unfortunately, change fires only after the text field is defocused, rather than on each keystroke. The next obvious choice is the keyup event, which is triggered whenever a key is released. Unfortunately, keyup doesn't catch input that doesn't involve the keyboard (e.g., pasting from the clipboard using the mouse) and only fires once if a key is held down, rather than once per inserted character. > > Both keydown and keypress do fire repeatedly when a key is held down, but both fire immediately before the value changes, so to read the new value you have to defer the handler to the next event loop using `setTimeout(fn, 0)` or similar, which slows down your app. Of course, like keyup, neither keydown nor keypress fires for non-keyboard input events, and all three can fire in cases where the value doesn't change at all (such as when pressing the arrow keys). > -> [Read the full post...](http://benalpert.com/2013/06/18/a-near-perfect-oninput-shim-for-ie-8-and-9.html) +> [Read the full post...](http://sophiebits.com/2013/06/18/a-near-perfect-oninput-shim-for-ie-8-and-9.html) ## React Samples diff --git a/_posts/2013-08-26-community-roundup-7.md b/_posts/2013-08-26-community-roundup-7.md index c43b1a688..79fc628d9 100644 --- a/_posts/2013-08-26-community-roundup-7.md +++ b/_posts/2013-08-26-community-roundup-7.md @@ -11,7 +11,7 @@ It's been three months since we open sourced React and it is going well. Some st * [76 GitHub projects using React](https://gist.github.com/vjeux/6335762) * [30 contributors](https://github.com/facebook/react/graphs/contributors) * [15 blog posts](/react/blog/) -* 2 early adopters: [Khan Academy](http://benalpert.com/2013/06/09/using-react-to-speed-up-khan-academy.html) and [Propeller](http://usepropeller.com/blog/posts/from-backbone-to-react/) +* 2 early adopters: [Khan Academy](http://sophiebits.com/2013/06/09/using-react-to-speed-up-khan-academy.html) and [Propeller](http://usepropeller.com/blog/posts/from-backbone-to-react/) ## Wolfenstein Rendering Engine Ported to React diff --git a/_posts/2013-09-24-community-roundup-8.md b/_posts/2013-09-24-community-roundup-8.md index f3189042f..9b8c9cd31 100644 --- a/_posts/2013-09-24-community-roundup-8.md +++ b/_posts/2013-09-24-community-roundup-8.md @@ -19,7 +19,7 @@ We've also reached a point where there are too many questions for us to handle d > > **PETE:** Exactly, exactly. In order to implement that, we communicate it as a fake DOM. What we'll do is rather than throw out the actual browser html and event handlers, we have an internal representation of what the page looks like and then we generate a brand new representation of what we want the page to look like. Then we perform this really, really fast diffing algorithm between those two page representations, DOM representations. Then React will compute the minimum set of DOM mutations it needs to make to bring the page up to date. > -> Then to finally get to answer your question, that set of DOM mutations then goes into a queue and we can plug in arbitrary flushing strategies for that. For example, when we originally launched React in open source, every setState would immediately trigger a flush to the DOM. That wasn't part of the contract of setState, but that was just our strategy and it worked pretty well. Then this totally awesome open source contributor Ben Alpert at Khan Academy built a new batching strategy which would basically queue up every single DOM update and state change that happened within an event tick and would execute them in bulk at the end of the event tick. +> Then to finally get to answer your question, that set of DOM mutations then goes into a queue and we can plug in arbitrary flushing strategies for that. For example, when we originally launched React in open source, every setState would immediately trigger a flush to the DOM. That wasn't part of the contract of setState, but that was just our strategy and it worked pretty well. Then this totally awesome open source contributor Sophie Alpert at Khan Academy built a new batching strategy which would basically queue up every single DOM update and state change that happened within an event tick and would execute them in bulk at the end of the event tick. > > [Read the full conversation ...](http://javascriptjabber.com/073-jsj-react-with-pete-hunt-and-jordan-walke/) @@ -53,8 +53,8 @@ While this is not going to work for all the attributes since they are camelCased ## Markdown in React -[Ben Alpert](http://benalpert.com/) converted [marked](https://github.com/chjj/marked), a Markdown JavaScript implementation, in React: [marked-react](https://github.com/spicyj/marked-react). Even without using JSX, the HTML generation is now a lot cleaner. It is also safer as forgetting a call to `escape` will not introduce an XSS vulnerability. -
[![](/react/img/blog/markdown_refactor.png)](https://github.com/spicyj/marked-react/commit/cb70c9df6542c7c34ede9efe16f9b6580692a457)
+[Sophie Alpert](http://sophiebits.com/) converted [marked](https://github.com/chjj/marked), a Markdown JavaScript implementation, in React: [marked-react](https://github.com/sophiebits/marked-react). Even without using JSX, the HTML generation is now a lot cleaner. It is also safer as forgetting a call to `escape` will not introduce an XSS vulnerability. +
[![](/react/img/blog/markdown_refactor.png)](https://github.com/sophiebits/marked-react/commit/cb70c9df6542c7c34ede9efe16f9b6580692a457)
## Unite from BugBusters diff --git a/_posts/2013-10-29-react-v0-5-1.md b/_posts/2013-10-29-react-v0-5-1.md index 5dcb59735..9dd3eb1e0 100644 --- a/_posts/2013-10-29-react-v0-5-1.md +++ b/_posts/2013-10-29-react-v0-5-1.md @@ -3,7 +3,7 @@ title: "React v0.5.1" author: zpao --- -This release focuses on fixing some small bugs that have been uncovered over the past two weeks. I would like to thank everybody involved, specifically members of the community who fixed half of the issues found. Thanks to [Ben Alpert][1], [Andrey Popp][2], and [Laurence Rowe][3] for their contributions! +This release focuses on fixing some small bugs that have been uncovered over the past two weeks. I would like to thank everybody involved, specifically members of the community who fixed half of the issues found. Thanks to [Sophie Alpert][1], [Andrey Popp][2], and [Laurence Rowe][3] for their contributions! ## Changelog @@ -18,7 +18,7 @@ This release focuses on fixing some small bugs that have been uncovered over the * Fixed bug with transition and animation event detection. -[1]: https://github.com/spicyj +[1]: https://github.com/sophiebits [2]: https://github.com/andreypopp [3]: https://github.com/lrowe diff --git a/_posts/2015-02-18-react-conf-roundup-2015.md b/_posts/2015-02-18-react-conf-roundup-2015.md index 1687f2c44..149034548 100644 --- a/_posts/2015-02-18-react-conf-roundup-2015.md +++ b/_posts/2015-02-18-react-conf-roundup-2015.md @@ -234,7 +234,7 @@ It was a privilege to welcome the React community to Facebook HQ on January 28

Core Team Q&A #

- Tom Occhino, Ben Alpert, Lee Byron, Christopher Chedeau, Sebastian Markbåge, Jing Chen, and Dan Schafer closed the conference with a Q&A session. + Tom Occhino, Sophie Alpert, Lee Byron, Christopher Chedeau, Sebastian Markbåge, Jing Chen, and Dan Schafer closed the conference with a Q&A session.

diff --git a/_posts/2016-04-07-react-v15.md b/_posts/2016-04-07-react-v15.md index b4719ffe9..afd484a23 100644 --- a/_posts/2016-04-07-react-v15.md +++ b/_posts/2016-04-07-react-v15.md @@ -57,7 +57,7 @@ If you can’t use `npm` yet, we provide pre-built browser builds for your conve **Note:** `data-reactid` is still present for server-rendered content, however it is much smaller than before and is simply an auto-incrementing counter. - [@spicyj](https://github.com/spicyj) in [#5205](https://github.com/facebook/react/pull/5205) + [@sophiebits](https://github.com/sophiebits) in [#5205](https://github.com/facebook/react/pull/5205) - #### No more extra ``s @@ -69,7 +69,7 @@ If you can’t use `npm` yet, we provide pre-built browser builds for your conve We’ve also made use of these comment nodes to change what `null` renders to. Rendering to `null` was a feature we added in React 0.11 and was implemented by rendering `