--- title: "React concepts you should know (after learning the basics)" publication: "React Status" issue: 114 published_at: "2018-11-14" canonical_url: "https://react.statuscode.com/issues/114" --- This week's React news #114 — November 14, 2018 [Read on the Web](https://react.statuscode.com/issues/114) react status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/ipl425zjna76zcacptzf.jpg)](https://retoggle.debuggable.io/) [Retoggle: Control Your Component State from the Outside](https://retoggle.debuggable.io/) — A collection of React hooks that provide UI controls to control the state of your component so you can experiment more easily. [GitHub repo](https://github.com/Raathigesh/retoggle). Raathigeshan Kugarajan [The Quest for React Micro-Apps: The Beginning](https://www.eventbrite.com/engineering/quest-react-micro-apps-beginning/) — Engineers at Eventbrite (the event ticketing company) share how they’ve got over coupling/scaling issues by heading towards a world where they have many smaller React apps that can be developed/deployed separately. ‘Microservices’ but for the front-end, if you will! Ben Ilegbodu (Eventbrite) [![\](https://copm.s3.amazonaws.com/9f561b58.png)](https://www.mongodb.com/blog/post/sending-email-from-your-frontend-application-using-mongodb-stitch-and-aws-ses?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship&utm_content=20181114&utm_medium=display&utm_source=reactstatus) [Send Emails with AWS Simple Email Service (SES) & MongoDB Stitch](https://www.mongodb.com/blog/post/sending-email-from-your-frontend-application-using-mongodb-stitch-and-aws-ses?jmp=cpress&utm_campaign=WW_CP_newsletter_sponsorship&utm_content=20181114&utm_medium=display&utm_source=reactstatus) — In this tutorial, with just a few lines of code, you'll use the built-in AWS service from MongoDB Stitch to send a transactional email using SES. MongoDB sponsor [react-beautiful-dnd: Accessible Drag and Drop for Lists](https://github.com/atlassian/react-beautiful-dnd) — [Version 10](https://github.com/atlassian/react-beautiful-dnd/releases/tag/v10.0.0) of this popular project dropped this week and promises even better performance, better keyboard support, and the ability to combine items and add or remove items _during a drag_. Atlassian [React Concepts You Should Know (After You Learn The Basics)](https://medium.freecodecamp.org/these-are-the-concepts-you-should-know-in-react-js-after-you-learn-the-basics-ee1d2f4b8030) — If you’re still pretty new to React, this is for you. You’ve followed some tutorials, maybe got your first React app working, but what’s worth understanding next? Context, HOCs, and lifecycle methods for starters. Chris Chuck ▶[A Tour of React Native's New Architecture](https://www.youtube.com/watch?v=UcqRXTriUVI) — The React Native team have long been working on a new underlying architecture for the framework that should improve interoperability and performance, and this is perhaps the best way to learn about it in just 30 minutes. Parashuram N 💻 React Jobs [Developer Avocado 🥑 in beautiful Norway🎉](https://crystallize.com/careers/developer-avocado) — Passion for React & GraphQL? Love tech evangelism? Join our fast growing GraphQL based e-commerce service Crystallize. Crystallize AS [Join Our Career Marketplace & Get Matched With A Job You Love](https://www.hired.com/react) — Through Hired, software engineers have transparency into salary offers, competing opportunities, and job details. Hired 📘 Articles, Opinion & Tutorials [A Guide to Custom Elements for React Developers](https://css-tricks.com/a-guide-to-custom-elements-for-react-developers/) — Custom elements can offer the same general benefits of React components without being tied to a specific framework implementation. Charles Peters [Implementing Smooth Scrolling in React](https://scotch.io/tutorials/implementing-smooth-scrolling-in-react) — ..using the react-scroll package. James Quick [How We Use Storybook for Documentation and Code Reviews](https://medium.com/redmart-engineering/how-we-use-storybook-for-documentation-and-code-reviews-550a522543f1) Shesh (RedMart Engineering) [Using Create React App v2 and TypeScript](https://scotch.io/tutorials/using-create-react-app-v2-and-typescript) — Create React App recently introduced native support for TypeScript, the strongly typed JavaScript subset. Here’s a guide to how it works. Chris Sevilleja [Advantages of Functional Components on an E-Commerce Site](https://blog.logrocket.com/react-functional-components-3-advantages-and-why-you-should-use-them-a570c83adb5e) Sunil Sandhu [The Syntax Podcast on React Hooks](https://syntax.fm/show/092/react-hooks) — The popular Web development podcast digs into the new ‘hooks’ feature in this hour long show. Syntax podcast [The Love-Hate Relationship between React Router and React Components](https://blog.bitsrc.io/the-love-hate-relationship-between-react-router-and-react-components-dee4aac5956c) Kasra Khosravi 🔧 Code and Tools [A Proof-of-Concept Babel Plugin to Compile React Components Into Native DOM Instructions](https://github.com/sokra/rawact) — Very much an experiment/POC but interesting nonetheless. Tobias Koppers [Automated Visual Testing for React Apps and Components](https://percy.io?sponsorednewsletter&utm_source=react_status&utm_medium=sponsored_newsletter&utm_campaign=181114&utm_content=avtr_react+deploy_faster) — Replace time-consuming manual QA to catch visual UI bugs automatically and start deploying faster. Percy sponsor [SVGR: An Online SVG to JSX Transformation Tool](https://svgr.now.sh/) Smooth Code [react-split-testing: A Simple A/B Testing Component](https://github.com/expert-m/react-split-testing) — Wrap variants within `Variant` and `Experiment` tags - a variant is then chosen randomly and recorded in localStorage. Michael Sulyak [Mauerwerk: A Masonry-Like Grid with Enter/Exit and Shared Element Transitions](https://github.com/drcmda/mauerwerk) — You probably need to see the [demo here](https://codesandbox.io/embed/048079xzw) to get the idea. Paul Henschel [Ext JS: Pre-Built & Supported Components for React Apps - View Examples](http://examples.sencha.com/ExtReact/6.6.0/kitchensink/?utm_source=cp_reactstatus&utm_medium=advertising&utm_campaign=sncextreact-examples&utm_content=111418-sncextreact-examples) SENCHA sponsor [React Code Input: A Component for Entering and Validating PIN Codes](https://github.com/40818419/react-code-input) Konstantin Kulinicenko A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom