Front-end design must be a core part of the design process. Silo’d web design doesn’t work.
Catalog
Quotes tagged ‘Frontend’
Redux has caught on so much that it’s not just being used for React anymore. You can find Redux architecture implementations for other frameworks, including Angular 2.
Coroutines are functions that runs asynchronously. The body of coroutines are generator functions, each time a promise is yielded inside a coroutine it blocks until the promise is resolved or rejected. Each coroutine execution returns a promise that is resolve when the coroutine returns, or rejected…
Hand-in-hand with browser caching is cache busting. Say the browser has the CSS file cached for one year (not uncommon). Then you want to change the CSS. You need a strategy for breaking the cache and forcing the browser to download a new copy of the CSS.
The snapshot artifact should be committed alongside code changes. We use pretty-format to make snapshots human-readable during code review. On subsequent test runs Jest will simply compare the rendered output with the previous snapshot. If they match, the test will pass. If they don't match, either…
We use React.js and standard Flux for our application rendering and state handling, though a few teams have been experimenting with Redux as our future state container. We are also migrating our existing OOCSS/BEM-style CSS toolkit, called Superfine, into a set of CSS-encapsulated React.js UI compon…
This is because the equality operator == does type coercion, meaning that the interpreter implicitly tries to convert the values before comparing. On the other hand, the identity operator === does not do type coercion, and thus does not convert the values when comparing.
The way a NFA works is to consume one character at a time and compare that to a state graph which it has built up.
We value API stability because at Facebook we have more than 20 thousand components using React. This means that we are reluctant to change public APIs or behavior because teams depend on it both externally and internally.
Components written by different people should work well together. It is important to us that you can add functionality to a component without causing rippling changes throughout the codebase.
Think of containers as structural components: they are fundamental for your code, but they don’t mean anything visually — they just define what data will be presented by the presentational components, and how they should behave.
Lodash and Underscore are great modern JavaScript utility libraries, and they are widely used by Front-end developers. However, when you are targeting modern browsers, you may find out that there are many methods which are already supported natively thanks to ECMAScript5 [ES5] and ECMAScript2015 [ES…
Besides being easier to test, pure functions have other characteristics that make them worth using whenever possible. By their very nature, pure functions are self-documenting. If you know that a function doesn’t reach out of its scope to get data, you know the only data it can possibly touch is pas…
Design has always been largely about systems, and how to create products in a scalable and repeatable way. From Pantone colors to Philips screws, these systems enable us to manage the chaos and create better products. Digital products are perhaps the most fertile ground for implementing these system…
A battle-tested solution based on the most popular server stack for Node.js, Express. We’ve been using it here at Redfin in production for over a year and it serves the three highest traffic pages on the site. We’re serving 1 billion requests a month from our React Server instance; hundreds of reque…
— Redfin, redfin.com
React Server ships with seamless server rendering that reduces time to first byte by keeping track of above-the-fold content, and emitting the server-rendered HTML as soon as it is ready, letting the browser continue rendering where the server left off, so that the above-the-fold content is interact…
— Redfin, redfin.com
Initially, I was very excited about both promises and generators, but now that I’ve been living with them for a while, I haven’t found a lot of good use cases for generators in my real application code. For most use-cases I might use generators for, I reach for RxJS instead because of it’s much rich…
We need to remember that at it's core a web page is simple.
The world still needs some fucking webmasters. We might not all be making websites professionally anymore. But we should keep making websites. The passion, the freedom, the joy: we need to pass this on.
In just the last year, we’ve seen 1.2 million downloads and a growing community of hundreds of developers, open source maintainers, and companies who use the framework as the foundation of their apps. They’ve built everything from email, chat, and Git apps to SQL analytics tools, torrent clients, an…