React Native tutorial: Making neumorphic smooth button! - My RN dev workflow with tmux and vim

Hello. I'm Takuya Matsuyama from Japan!
I'm a solo developer building a Markdown note-taking app and living off of it.
This channel 'devaslife' shares my experiences on how I built a profitable SaaS alone.

This video presents how I usually code React Native apps with vim and tmux setup by building a skeuomorphic button from scratch.
I hope you will find it helpful for your happy programming life :)

▶ My solo product: Inkdrop - Organizing Markdown notes made simple
▶ React Native skeuomorphic button UI example on GitHub

Follow me online here:

Credits:

References:

[luisvalencia]

This is one of the best (I hope series!) that I've seen! I always wanted to see a developer go through the process of a project and see the actual starting process, struggle and completion! Thank you Takuya :)

[devaslife]

0:22 Intro
1:33 What you will learn from this video
2:12 Let the hacking begin!
7:07 Import Neumorphism CSS to RN
8:04 Make a typo and fix it
8:57 Build background view, get a strange result and fix it
10:42 Button does look weird...
11:37 Search for how to implement event handling of the button
14:43 Google how to add linear gradients
15:19 Struggle to install react-native-linear-gradient
17:30 Struggle to understand how to add an angle to the gradient
19:59 It looks great!
20:53 Wrap up

[fabioramatis]

I love your content! Please do more about workflow and react native

[toequantumspace]

Thanks for this content it’s awesome (from fellow tmux+nvim user)

[tsuka]

Thank you. I respect you.
I wanna develop and speak English like you.

[jsagar]

Hontou ni arigatou! Thanks for the short, but informative, video.

[NikolayTach]

This is great for me right now!
¡Muchas gracias!

[zhangkevin]

I really like your vim style . Could you show me your vim config?Thanks.

[sebas]

Hi there, thanks for this video. just one question,
I have a problem when setting the shadow attributes inside the style object. The component does not catch these attributes. Only when using the attribute "elevation" and doesn't is possible to modify the properties shadow I may need to configure something else for a shadow. Thanks for your answer.
Note: I think is because it is Android and that properties only works well in IOS.

[thatguylst]

This is a problem me and my team have been looking at. Thanks for this great there a way to make neon colours in react native? This recently also came up in one of my projects

[OliverGomes]

It would help if you changed the title to Neumorphic. The button you designed is Neumorphic not Skeuomorphic. Anyway other than that it's great video and super trendy design for 2020

[eshwargetenv]

this won't be working on android. Any workaround for anroid?

[muhsinabbas]

how to make it inner react-native shadow ...?

[wandadwi]

Sorry to bother you, can you help me with my task, which is the same as the content, bro, who made the project, bro?

[shubhamrathod]

My phone one pluse 7pro not displaying shadow

[vanvothe]

Hello, I like video
What is color schemes use vim ?
How to manage folder, file by vimfiler.vim Shougo ?
You can share dotfile
I'm sorry, because use english is bad

[sigitlutfi]

only works on ios?. try on android emulator please

[shanewhite]

so, you spent 21 minutes to create just a button? good.