Draggin’ and Droppin’ in React
August 16th, 2019
The React ecosystem offers us a lot of libraries that all are focused on the interaction of drag and drop. We have react-dnd, react-beautiful-dnd, react-drag-n-drop and many more, but some of them require quite a lot of work to build even a simple drag and drop demo, and some do not provide you with more…
Introducing the New React DevTools
August 14th, 2019
We are excited to announce a new release of the React Developer Tools, available today in Chrome, Firefox, and (Chromium) Edge! What’s changed? A lot has changed in version 4! At a high level, this new version should offer significant performance gains and improved navigation experience. It also offers full support for React Hooks, including…
The Differing Perspectives on CSS-in-JS
August 13th, 2019
Some people outright hate the idea of CSS-in-JS. Just that name is offensive. Hard no. Styling doesn’t belong in JavaScript, it belongs in CSS, a thing that already exists and that browsers are optimized to use. Separation of concerns. Anything else is a laughable misstep, a sign of not learning from the mistakes of the…
August 2019 Security Releases
August 13th, 2019
Summary The Node.js project will release new versions of all supported release lines on, or shortly after, Thursday, August 15th, 2019 UTC. These releases will incorporate security fixes to HTTP/2 Denial of Service vulnerabilities in Node.js, the highest severity of which is HIGH. The Denial of Service vulnerabilities to be fixed are common to a…
React v16.9.0 and the Roadmap Update
August 7th, 2019
Today we are releasing React 16.9. It contains several new features, bugfixes, and new deprecation warnings to help prepare for a future major release. New Deprecations Renaming Unsafe Lifecycle Methods Over a year ago, we announced that unsafe lifecycle methods are getting renamed: componentWillMount → UNSAFE_componentWillMount componentWillReceiveProps → UNSAFE_componentWillReceiveProps componentWillUpdate → UNSAFE_componentWillUpdate React 16.9 does…
Using Immer for React State Management
August 7th, 2019
We make use of state to keep track of application data. States change as users interacts with an application. When this happens, we need to update the state that is displayed to the user, and we do this using React’s setState. Since states are not meant to be updated directly (because React’s state has to…
Let’s Give Grunt Tasks the Marie Kondo Organization Treatment
August 6th, 2019
We live in an era of webpack and npm scripts. Good or bad, they took the lead for bundling and task running, along with bits of Rollup, JSPM and Gulp. But let’s face it. Some of your older projects are still using good ol’ Grunt. While it no longer glimmers as brightly, it does the…
Let Mavo Shine in Building Interactive Web Applications
August 5th, 2019
As you could guess from the title, this tutorial is dedicated to Mavo: a new, approachable way to create complex, reactive, persistent web applications just by writing HTML and CSS, without a single line of JavaScript and no server backend. 🐇 Follow the white rabbit! Mavo is developed in the Haystack Group at MIT CSAIL…
Branching Out from the Great Divide
August 2nd, 2019
I like the term Front-End Developer. It’s encapsulates the nature of your job if your concerns are: Building UIs for web browsers The spectrum of devices and platforms those web browsers run on The people who use those web browsers and related assistive technology The breadth of knowledge for all-things front-end development has gotten super…
Angular Interns Summer 2019
August 1st, 2019
The Angular team believes that people are essential to building great technology, and so we are taking part in Google’s 2019 intern program with three new projects. This year, we have three team members participating: Alyssa Wang, Ayaz Hafiz, and returning intern Elana Olson. They are each working on projects that will be valuable to…