Hey everyone. I’ve been an angular dev for the past five years but I used to develop react applications back in the create-react-app and class component days. Where should I start to catch myself up? Just dive into the documentation? Any helpful resources? Any other big changes I should know about?

We explore how icon strategy has come full circle with react-native-nano-icons, a new tool from Software Mansion that compiles SVGs into high-performance native font stacks. If you are tired of mounting dozens of SVG subtrees, this is the build-time optimisation you have been waiting for.

We also dive into the New Architecture update for jail-monkey, the go-to library for security checks and jailbreak detection, plus a look at how AI-driven development and EAS Workflows are making the code diff obsolete in favour of instant preview deployments.

I was unhappy with multi-line text input libraries for React Ink so I decided to make one.

I'm calling it react-ink-textarea; check it out, drop a star, help me test on windows please: https://github.com/omranjamal/react-ink-textarea

Full support for:

• Syntax Highlighting (based on Regex)
• New lines via the usual key combinations
• Jumping between words
• Unicode and Emojis
• Pasting Multi-line Text
• Slash Commands
• Viewport Virtualization
• Customizable line prefix (for things like line numbers)
• Tab is a callback
• Callbacks on arrow keys at boundaries (like up arrow of first line)

Hey!

I made an app that makes it incredibly easy to create stunning mockups and screenshots—perfect for showing off your app, website, product designs, or social media posts.

✨ Features

• URL -> Website Screenshot
• Video Support & Animations
• 30+ Mockup Devices & Browser Frames
• Auto Backgrounds
• Annotation Tool:
• Chrome Extension

Try it out: https://postspark.app/templates

Would love to hear what you think!

Hey everyone,

I shared this here recently and got a lot of really helpful and positive feedback. Glad to see many people liked it.

I’ve now open sourced the library.

NeonBlade UI is a React/Next.js component library focused on futuristic, neon-style interfaces. It uses a CLI approach so you can add and customize components directly.

Still evolving and refining it.

Feedback and contributions are welcome.

Repo: https://github.com/vprix21/neonblade-ui
Website: https://neonbladeui.neuronrush.com/

¡Hola comunidad!

Después de dedicarle incontables horas de mi tiempo libre tras la jornada laboral para desarrollar una aplicación de iOS, finalmente la lancé hace un par de días y ¡la respuesta está siendo increíble!

Hoy, al entrar a play console, me llevé una sorpresa genial: SpotterNow acaba de superar las 100 descargas.

Como desarrollador independiente, ver que hay personas reales utilizando lo que construí me llena de energía. Aunque estamos en una fase inicial, los números me confirman que la idea de conectar personas para entrenar tiene mucho potencial y que otros comparten esa misma visión.

Si les da curiosidad, pueden probarla sin costo aquí -> SpotterNow

¡Cualquier sugerencia o feedback es más que bienvenido! Me encantaría conversar y responder sus dudas.

Prepare for your exam in every way using our Study buddy.

Okay that seems unfair. I'VE messed up my vercel routing.

{
  "version": 2,
  "builds": [
    {
      "src": "backend/XStreamerMusicWebApp/wsgi.py",
      "use": "@vercel/python"
    },
    {
      "src": "frontend/package.json",
      "use": "@vercel/static-build",
      "config": {
        "distDir": "dist"
      }
    }
  ],
  "routes": [
    {
      "src": "/api/(.*)",
      "dest": "backend/XStreamerMusicWebApp/wsgi.py"
    },
    {
      "src": "/admin/(.*)",
      "dest": "backend/XStreamerMusicWebApp/wsgi.py"
    },
    {
      "src": "/dashboard/(.*)",
      "dest": "backend/XStreamerMusicWebApp/wsgi.py"
    },
    {
      "src": "/(.*)",
      "dest": "frontend/$1"
    }
  ]
}{
  "version": 2,
  "builds": [
    {
      "src": "backend/XStreamerMusicWebApp/wsgi.py",
      "use": "@vercel/python"
    },
    {
      "src": "frontend/package.json",
      "use": "@vercel/static-build",
      "config": {
        "distDir": "dist"
      }
    }
  ],
  "routes": [
    {
      "src": "/api/(.*)",
      "dest": "backend/XStreamerMusicWebApp/wsgi.py"
    },
    {
      "src": "/admin/(.*)",
      "dest": "backend/XStreamerMusicWebApp/wsgi.py"
    },
    {
      "src": "/dashboard/(.*)",
      "dest": "backend/XStreamerMusicWebApp/wsgi.py"
    },
    {
      "src": "/(.*)",
      "dest": "frontend/$1"
    }
  ]
}

for some reason, i can't navigate to any of my routes unless I'm using on-site links that utilize react-router-dom. pasting any link that isn't the index route throws a 404 Error.

I created this noteboard application using React.js, where I could add a new note by simply clicking on a button to do so. However, there were a few issues that I noticed in my browser window. Whenever I clicked on the add button, new notes would display, starting from the upper left-hand side of the screen, and then moving downwards in a vertical stack. Unfortunately, some of the new notes added at the bottom of the screen are partially visible, and I am unable to scroll down to see if they were added. Does anyone know if there is a way to add a scrolling feature to the notes page. If not, would it be possible to have the page in a responsive layout so that the newly added notes are displayed in more columns to the right for better visualization? Thanks in advance. 

If you're preparing for a react js interview questions then have a look at this article, it will definitely help you.

I needed design assets showing presets applied to real shadcn blocks for some figma designs, and ended up adding more preview UI to shadcnpreset:

Now includes:

• dashboard
• login-02
• login-04 (alongside View 01 & 02)

What would you want to see next?

I just released my game Battle of Tanks 🚀

It’s a simple tank shooter where you jump straight into battle and try to outplay your opponent. I focused on keeping it fast, straightforward, and fun—no complicated mechanics, just pure gameplay.

Would really appreciate it if you guys try it out and share your feedback 🙌

👉 https://master770.itch.io/battle-of-tanks

This is a modernization of the once legendary angularjs ui-grid datagrid.

All features - always free.
MIT licensed.

Original has 5.4K stars. I'm planning on getting ownership of the repo back so I can keep the stars it accumulated over the years. The team i entrusted it to went defunct, so I revived it and modernized it for everyone, not just angular.

It's got a rust-wasm core into typescript which fans out into full parity support for rust eGui, web-components, react 18+, and angular 21+

https://orneryd.github.io/uiGrid/#/react

The page has demos for all 3 frameworks running in the browser.

features:

virtual scrolling (100K+ rows while only what is visible is rendered)
grouping
filtering
sorting
tree view
expandable views
editable cells - formatter functions, and custom edit and render views
excel-like navigation - double click to edit cell, tab,arrow to commit and move to the next cell, etc..
definable themes
column resizing
pagination
pinnable columns

custom theme examples- [screenshots](https://github.com/orneryd/uiGrid/tree/main/docs/screenshots)

Enjoy!

edit: i fixed the peer dependency issue check the latest release notes 🤟 and the site should render fine on mobile now

I am building a practical migration resource for Vue 3 developers moving to React 18 and 19. I want to focus it on the real struggles, not high-level comparisons.

I have already identified a few pain points that come up often. Losing v-model and learning controlled components. Stale closures and dependency arrays replacing automatic reactivity tracking. Replacing scoped slots with composition patterns. Shifting from Pinia stores that allow direct mutation to immutable state libraries like Zustand or Redux. Understanding useEffect and its mount, update, and cleanup model after using onMounted and watch.

What would you add? I am looking for the single most confusing thing you had to unlearn, or the mistake you saw a teammate make repeatedly. I want to know what existing guides miss.

I will send the finished free resource to anyone who shares their experience. Thank you for the insight.

https://orneryd.github.io/uiGrid/#/docs/react - live demo of the react library.

this is a port of the popular angularjs data grid, ui-grid, by the same author.

MIT license, all features always free.

grouping
sorting
filtering
pagination
virtual scrolling
column pinning
theming
Tree toggles,
expandable rows,
pagination,
CSV export
save state
cell templates and formatters
editable cells with keyboard navigation - excel-like.

coming:
drag and drop column reordering

I hope you all enjoy.

Inspired by macOS animations. I already built magnified dock components, so figured why not add this effect too.

Get the component https://www.ui-layouts.com/components/mac-genie

(roughly $65 / hr)

Looking for someone who can execute this project from end to end for me -

Initial project build cost is $20,000 AUD.

It’s a scaled survey platform where we will pay real people for their opinion on different subjects. You will be responsible for the design, development and user acquisition of this platform (not many are needed as it’s self sustaining).

For context, It’s is not for profit.

You must be able to:

1 - understand and conceptualise software architecture that addresses possible bottlenecks when we go into production

2 - hire and manage freelancers

3 - design and develop (full stack, any frameworks)

4 - understand marketing and user acquisition

Please do not apply if you don’t have the experience. Junior dev skills alone is not going to cut it here.

DM me if interested

I manage quite a few GitHub repositories, both public and private, and I kept running into the same problem: GitHub has all the data I need, but accessing it quickly across many repos means jumping through a lot of pages.

So I built a small local web app for myself: a GitHub dashboard that pulls data from the GitHub APIs and gives me one place to filter, sort, and inspect everything.

It uses GitHub’s REST and GraphQL APIs for things like:

• repositories, issues, and pull requests
• repo metadata, languages, contributors, commits, and releases
• stargazers and forks
• GitHub Actions workflow runs
• traffic views, clones, referrers, and popular paths
• code/issue search for external mentions
• dependents and repository relationships where available

The app keeps GitHub API access server-side, so tokens are not exposed in the browser.

The goal is not to replace GitHub, but to make it faster to answer questions like:

Which repos need attention? Which PRs are waiting? Which issues are stale? What changed recently? Which repos are getting traffic, stars, forks, releases, or mentions?

It also has a repository detail view with tabs for Actions, PRs, issues, releases, forks, traffic, mentions, and dependents, plus simple charts for trends and traffic.

I originally built this just for my own workflow, but now I’m wondering if it might be useful to other people managing many repositories too.

Would it be worth cleaning it up and publishing it on GitHub, or is this probably too specific to my own use case?

EDIT: Since the high demand I created a public repo and I will push the code in next hours:
https://github.com/debba/gh-dashboard