DEV Community

How to build a news app with JavaScript and React Native

Mohammed Salman on May 05, 2018

Requirements for building the app: A basic understanding of the JavaScript language. Node.js, and react native. Libraries used: moment, react-na...

Read full post

Ethan Stewart • May 7 '18

Great post! I might have to go play with this news API sometime.

One possible improvement in code clarity: in your getNews function, should this

let result = await fetch(url).then(response => response).then(response => response.json());

be replaced with this?

let result = await fetch(url).then(response => response.json());

Since you're just passing it along to the next then call, it seems redundant to me and could be removed to make the code a little more clear. If you do have a reason for doing it that way, I'd love to hear why!

Mohammed Salman • May 7 '18

thanks, i might've forgot that i added the await keyword.

skptricks • Jul 8 '18

Hello,
I have found similar article related to react native, hope this will be helpful to create first reactapp : skptricks.com/2018/06/how-to-creat...

DrakeXiang • May 8 '18

I'm stuck at the fetch section... It keeps giving me Network request failed error, however I can manage to request using the same code in chrome console or using other api, any idea?

Mohammed Salman • May 8 '18

what is your device?

DrakeXiang • May 8 '18

Thanks for reply, I was developing with Genymotion, I tried a real device after you brought it up and it worked.. that's weird, thanks anyway :)

Jaakap • May 5 '18

Thank You Mohammed.. I will give it a try 👏🏽👏🏽

Mohammed Salman • May 5 '18

Sure thing, thanks for reading👍

Alfonso • May 8 '18

Thx Mohammed, nice post!

Mohammed Salman • May 8 '18

happy you liked it:)

fadhilshu • Jun 2 '18 • Edited

What are you use of theme for this syntax in your Code Editor?
thepracticaldev.s3.amazonaws.com/i...

fadhilshu • Jun 2 '18

What are you use of theme for syntax in your Code EDITOR

Mohammed Salman • Sep 6 '18 • Edited

Sorry for the late reply, I use Relaxed color theme, indent-rainbow and Rainbow Brackets plugins for VS Code:)

Kishan Vaghela • Sep 25 '18

Hello All, I have implemented CardView for react-native with elevation, that support android(All version) and iOS. github.com/Kishanjvaghela/react-na.... Check this out