retyui

retyui

Top 1% JS ninja 😉 by #codersrank \ React Native guru 🧘\ DevOps adjutant \ Linux lover ❤️

Member Since 8 years ago

https://www.linkedin.com/in/david-nrb-61023b18a/, Belarus, Minsk

Experience Points
72
follower
Lessons Completed
3
follow
Lessons Completed
49
stars
Best Reply Awards
129
repos

324 contributions in the last year

Pinned
⚡ A react-native confirmation code field compatible with IOS, Android
⚡ Better styling for react-native
⚡ A react component that providing multi-touch gestures for zooming and dragging on any DOM element.
⚡ CleanCSS loader module for webpack
⚡ PostCSS plugin that adds `css icons` from icon sets
Activity
Dec
2
1 day ago
Activity icon
fork

retyui forked proyecto26/react-native-inappbrowser

⚡ 📱InAppBrowser for React Native (Android & iOS) 🤘
retyui MIT License Updated
fork time in 18 hours ago
Activity icon
issue

retyui issue comment proyecto26/react-native-inappbrowser

retyui
retyui

RN v0.65: Warnings pertaining deprecated usage of event listeners

Which platform(s) does your issue occur on?

  • iOS/Android/Both: Both
  • iOS/Android versions: all
  • emulator or device. What type of device? Both

Please, provide the following version numbers that your issue occurs with:

  • CLI: 6.0.0
  • Plugin(s): -- RN: 0.65.1 -- InAppBrowser: 3.6.3

Please, tell us how to recreate the issue in as much detail as possible.

With the advent of RN v0.65, they changed the way you set up event listeners and throw warnings that "calling removeListener() has been deprecated" (as per this commit https://github.com/facebook/react-native/commit/035718ba97bb44c68f2a4ccdd95e537e3d28690c#diff-53ad587a2f77ca63b6940dbf0026a101e3874de1858e058d217a8f4c04d4987e). See the following screenshot:

inappbrowser-screenshot copy

I would've just done and submitted a PR, but the CONTRIBUTING guidelines told me to "first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change." 😅

retyui
retyui

Also faced with this issue, it so annoying to see this warnings every time(

Activity icon
issue

retyui issue comment retyui/react-native-confirmation-code-field

retyui
retyui

Can't autoFocus on first field

I cant make the autoFocus work. I didn't find this on the docs so can you provide an example? Working with Expo SDK 42 React Native 0.63 [email protected]

My code:

<CodeField
        ref={ref}
        {...props}
        value={value}
        autoFocus={true}
        onChangeText={(val) => {
          setValue(val);
          onValueChange(val);
        }}
        cellCount={cellCount}
        rootStyle={styles.codeFieldRoot}
        keyboardType="number-pad"
        textContentType="oneTimeCode"
        renderCell={renderCell}
      />
      {error ? <Text style={styles.error}>{error}</Text> : null}
    </>

and import to in my component:

<AuthCodeInput
                    {...props}
                    cellCount={6}
                    isPassword={true}
                    value={password}
                    onValueChange={(value) => setPassword(value)}
                    label="Digite a sua senha"
                />

Thank you so much for your time Regards from Brazil

retyui
retyui

@eduardosoller I see you use react-navigation, try set autofocus only when the screen finish appearing animation!

Dec
1
2 days ago
Activity icon
issue

retyui issue comment retyui/react-native-confirmation-code-field

retyui
retyui

Can't autoFocus on first field

I cant make the autoFocus work. I didn't find this on the docs so can you provide an example? Working with Expo SDK 42 React Native 0.63 [email protected]

My code:

<CodeField
        ref={ref}
        {...props}
        value={value}
        autoFocus={true}
        onChangeText={(val) => {
          setValue(val);
          onValueChange(val);
        }}
        cellCount={cellCount}
        rootStyle={styles.codeFieldRoot}
        keyboardType="number-pad"
        textContentType="oneTimeCode"
        renderCell={renderCell}
      />
      {error ? <Text style={styles.error}>{error}</Text> : null}
    </>

and import to in my component:

<AuthCodeInput
                    {...props}
                    cellCount={6}
                    isPassword={true}
                    value={password}
                    onValueChange={(value) => setPassword(value)}
                    label="Digite a sua senha"
                />

Thank you so much for your time Regards from Brazil

Nov
29
4 days ago
Nov
27
6 days ago
pull request

retyui pull request react-native-community/directory

retyui
retyui

Add react-native-bars

Signed-off-by: David [email protected]

📝 Why & how

✅ Checklist

  • Added library to react-native-libraries.json
  • Updated library in react-native-libraries.json
  • Documented in this PR how to use the feature or replicate the bug.
  • Documented in this PR how you fixed or created the feature.
Activity icon
created branch

retyui in retyui/directory create branch add-react-native-bars

createdAt 5 days ago
pull request

retyui pull request react-native-community/directory

retyui
retyui

Add react-native-customizable-toast

📝 Why & how

✅ Checklist

  • Added library to react-native-libraries.json
  • Updated library in react-native-libraries.json
  • Documented in this PR how to use the feature or replicate the bug.
  • Documented in this PR how you fixed or created the feature.
Activity icon
created branch

retyui in retyui/directory create branch add-react-native-customizable-toast

createdAt 5 days ago
pull request

retyui pull request react-native-community/directory

retyui
retyui

Add react-native-blob-util

📝 Why & how

Add new react-native-blob-util module

✅ Checklist

  • Added library to react-native-libraries.json
  • Updated library in react-native-libraries.json
  • Documented in this PR how to use the feature or replicate the bug.
  • Documented in this PR how you fixed or created the feature.
pull request

retyui pull request react-native-community/directory

retyui
retyui

Mark react-native-fetch-blob as unmaintained

📝 Why & how

4 years without any updates

image

✅ Checklist

  • Added library to react-native-libraries.json
  • Updated library in react-native-libraries.json
  • Documented in this PR how to use the feature or replicate the bug.
  • Documented in this PR how you fixed or created the feature.
Activity icon
created branch

retyui in retyui/directory create branch react-native-fetch-blob-unmaintained

createdAt 5 days ago
pull request

retyui pull request react-native-community/directory

retyui
retyui

Add react-native-blob-util

📝 Why & how

Add new react-native-blob-util module

✅ Checklist

  • Added library to react-native-libraries.json
  • Updated library in react-native-libraries.json
  • Documented in this PR how to use the feature or replicate the bug.
  • Documented in this PR how you fixed or created the feature.
Activity icon
created branch

retyui in retyui/directory create branch add-blob-util

createdAt 5 days ago
push

retyui push retyui/directory

retyui
retyui

Add react-native-detector (#717)

Co-authored-by: Bartosz Kaszubowski [email protected]

retyui
retyui

Add react-native-material package (#718)

Co-authored-by: Bartosz Kaszubowski [email protected]

retyui
retyui

Add @kichiyaki/react-native-barcode-generator (#719)

Co-authored-by: Bartosz Kaszubowski [email protected]

retyui
retyui

Added react-native-whirlwind repository (#720)

Co-authored-by: Bartosz Kaszubowski [email protected]

retyui
retyui

bump dependencies, update JSON schema (#721)

retyui
retyui

extract few components, fix some Next warnings (#722)

retyui
retyui

tweak and move PR template (#723)

retyui
retyui

add few libraries to directory (#724)

retyui
retyui

tweaks for the GitHub data fetch script (#727)

retyui
retyui
retyui
retyui

Add tvos:true to react-native-navigation (#730)

Co-authored-by: Bartosz Kaszubowski [email protected]

retyui
retyui

improve SEO, add share image (#725)

retyui
retyui

Update react-native-libraries.json (#731)

Co-authored-by: Bartosz Kaszubowski [email protected]

retyui
retyui

add few libraries to the directory (#733)

retyui
retyui

use Node 14 in all CI workflows (#734)

retyui
retyui

set match score to 0 for unmaintained libraries (#732)

retyui
retyui

change unmaintained libraries search scoring (#735)

retyui
retyui

add 2 libraries in the directory (#736)

commit sha: 0fa9a8cda08dcc04501babd29cb144d9d52aa49d

push time in 5 days ago
Activity icon
fork

retyui forked RonRadtke/react-native-blob-util

⚡ A project committed to making file access and data transfer easier, efficient for React Native developers.
retyui MIT License Updated
fork time in 5 days ago
Activity icon
issue

retyui issue comment joltup/rn-fetch-blob

retyui
retyui

in this argparse code where to give the path of my image

ap.add_argument("-i", "--image", required=True, help="path to input image", )

retyui
retyui

Hi This module is unmentionable ⚠️! please use fork: https://github.com/RonRadtke/react-native-blob-util

Nov
25
1 week ago
Nov
24
1 week ago
Activity icon
issue

retyui issue comment retyui/react-native-confirmation-code-field

retyui
retyui

Can't highlight last cell after fulfill

Hi @retyui, thanks for such a nice library.

I've came across a weird behaviour, where when the cells fulfilled and loses focus, when trying to update it, I can't see the highlight over the last cell and there's no indicator that I am highlighting the last cell (tried to fix it by using clear on press but that didn't work too)

Screenshot 2021-11-24 at 16 42 33

Check the screenshot above, if I clicked on the backspace, it does clear the last cell and highlight on it.

I am using expo ~42.0.1 and library version ^7.1.0

retyui
retyui

could you please create a expo snak with this issue ?

https://snack.expo.dev/

Nov
22
1 week ago
Activity icon
issue

retyui issue comment retyui/react-native-confirmation-code-field

retyui
retyui

Support clear function!

Hello, i am trying to get a clear function triggered but I can't see that anywhere in the documentation/examples!

the plugin is quite helpful and I am actually using it for a production code, just need to get a clear method supported or it might be hidden somewhere!

retyui
retyui

@d3vma

CodeField is a state-less component! So, when you need to clear state you have done it in your own state:

import {useState} from 'react'

const App = ()=>{
  const [value,setValue] = useState('')

  const clear = ()=>setValue('')

  return <CodeField value={value} onChangeText={setValue} />
}

Activity icon
issue

retyui issue comment sourabhv/range-interpolator

retyui
retyui

[fix] Don't use `.d.ts` and `.ts` files with the same name

files:

  • src/range-interpolator.d.ts
  • src/range-interpolator.ts

After building src/range-interpolator.ts, tsc will create new files (range-interpolator.d.ts and range-interpolator.js) and overwrite that you create src/range-interpolator.d.ts

As a result any types:

1


Also, I reduced a package size, to test npm pack --dry-run

image

retyui
retyui

@sourabhv Do you plan to release this fix?

image

Nov
19
2 weeks ago
started
started time in 1 week ago
pull request

retyui pull request sourabhv/range-interpolator

retyui
retyui

[fix] Don't use `.d.ts` and `.ts` files with the same name

src:

  • src/range-interpolator.d.ts
  • src/range-interpolator.ts

After building src/range-interpolator.ts, tsc will create new files (range-interpolator.d.ts and range-interpolator.js) and overwrite that you create src/range-interpolator.d.ts

As a result any types:

1


Also, I reduced a package size, to test npm pack --dry-run

image

Activity icon
created branch

retyui in retyui/range-interpolator create branch fix-typescript

createdAt 1 week ago
Activity icon
fork

retyui forked sourabhv/range-interpolator

⚡ Interpolate a value from one range to another
retyui Updated
fork time in 1 week ago
Activity icon
fork

retyui forked jossmac/interpolate-range

⚡ 💯 Super simple numeric range interpolation
retyui MIT License Updated
fork time in 1 week ago
Previous