question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Convert SafeAreaView to ES Module

See original GitHub issue

Description

SafeAreaView is currently using CommonJS export, we’d like to update this to use ES modules. You can find more about the differences here: https://irian.to/blogs/what-are-cjs-amd-umd-and-esm-in-javascript/

Expected Results

A default exported SafeAreaView module and relevant updates from require to import (caveat: inline requires, which will should be updated to require(...).default. You can use flow to catch any callsites missed.

Note

  • Please assign yourself if interested! I believe you might need to comment on the issue before you can assign yourself? Otherwise please let me know so I can assign to you!

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
franzoncommented, Apr 12, 2021

Thank you! I was not able to assign myself.

1reaction
franzoncommented, Apr 11, 2021

Hey! I’m a brazilian student and interested in starting contributing to open source software. I use React Native every day, so I think that it would be a good project to start.

Can I start working on this issue?

Read more comments on GitHub >

github_iconTop Results From Across the Web

SafeAreaView - React Native
The purpose of SafeAreaView is to render content within the safe area boundaries of a device. It is currently only applicable to iOS...
Read more >
Upgrade your Node app: From CommonJS to ES Modules
Step by step: From CommonJS to ES Modules · 1) Prepare your code · 2) Update the package.json · 3) Convert all imports...
Read more >
bundling failed: Error: Unable to resolve module `react-native ...
I think the problem is in the SafeAreaView , for the new react-native version, ... bundling failed: Error: Unable to resolve module ......
Read more >
Using CSS Modules in React Native - LogRocket Blog
Because inline CSS has to be written in camel case syntax, unlike traditional CSS styles, it will take slightly longer to convert normal...
Read more >
react-native-safe-area-context - npm
SafeAreaView is a regular View component with the safe area insets applied ... This can be used as an alternative to the Dimensions...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found