We can use destructuring to extract multiple values from an object or array and assign them to variables simultaneously.

    Destructuring objects

    We can extract multiple values within an object.

    Destructuring arrays

    We can extract multiple values within an array.

    Destructuring function arguments

    We can destructure object and array parameters directly in the function declaration.

    Advanced destructuring

    We can also nest and rename destructured variables and supply default values.

    The rest syntax ... collects remaining values. Rest is roughly the inverse of spread.

    Want to learn React Native in-depth?

    If you like React Native Express, you'll love my new book, Fullstack React Native: The complete guide to React Native! Throughout the book, we'll build 7 full apps, covering complex topics like navigation, gestures, and native modules. We don't assume any knowledge of React or newer JavaScript language features, so you can dive right in regardless of your experience level. The book comes in PDF, EPUB and MOBI formats.

    Looking for more help?

    Infinite Red sponsors React Native Express and is the premier React Native agency. They're also the team behind the React Native newsletter, podcast, and conference listed here. Get in touch at for a proposal on your next project!