Best of React Native — 2022
- 1
- 2
Community Picks·3y
Is Flutter better than React Native?
Flutter and React Native are natural competitors as two of the most used multi-platform mobile app frameworks. The answer lies not in the technical aspects of React Native and Flutter at all. Hiring developers is famously difficult right now, but the pool of developers to draw from is far larger than Flutter's.
- 3
Hashnode·4y
How to Internationalize your React App
App internationalization is the process of making your app's content available in multiple languages. Most businesses avoid internationalization because it is too difficult and time-consuming to implement. The process of designing a product — in this case, a React app — to be used in different locales is known as internationalization.
- 4
- 5
DEV·3y
How to write a good README
README file is as indispensable for an open source project as it is the quality of the code. README files are plain text files because most of the source code hostings such as Github, GitLab or Azure Repos support the Markdown format. Using around 3 to 5 lines is a good rule of thumb. Each paragraph should have only one concept.
- 6
Announcing Docusaurus 2.0
Docusaurus is a static site generator that helps you ship beautiful documentation websites in no time. Its flexible theming system permits to adapt the UI to match your branding so that it integrates nicely with your main website or documentation portal. From now on, we plan to respect Semantic Versioning and will release major versioning.
- 7
Javascript to know for Reactjs
React js is an open javascript library that enables us to be build fast, declarative and component driven web development. With reactjs you can build web apps, cross platform mobiles apps (react native), desktop apps (electron, node gui), progressive web apps (pwas)
- 8
How to Become a Front-End Developer
Front-end development involves building the visual and interactive elements of websites and applications that users interact with. As a front-end developer, you will be responsible for designing and implementing the user interface of web and mobile applications. You can learn web development from basics to advanced topics through online courses and programs.
- 9
freeCodeCamp·3y
How to Have Fun Building React Apps
Building React apps can be a very fun experience or a very difficult and tedious one, based off of the tools you choose. You can become a React pro in 30 minutes a day with my React Bootcamp. You have to choose which tools and libraries you would like to power your React projects.
- 10
Tidy up your ES6 imports
Barrel Pattern A barrel is a way to roll up exports from several modules into a single module. The barrel itself is a module file that re-exports selected exports of other modules. For each folder where we want a common export, we create an file that will contain the exports for every file of the folder.
- 11
- 12
Me & React: 5 years in 15 minutes
React has finally started making sense to me. It was almost the same as my old pal HTML, except JSX allowed splitting HTML pages into tiny dynamic building blocks. A stateful component had a state which was triggering a re-render on change, while the stateless had only the render part and were rendering the same thing. It made debugging quite mind bending, as sometimes console.log has been printed a microsecond before the state was actually propagated. Redux has treated me a bit better.
- 13
Medium·4y
The Ultimate Clean Architecture Template for TypeScript Projects
The Ultimate Clean Architecture Template for TypeScript Projects. A guide on creating a layer-based TypeScript project template following the principles of clean architecture. A Detailed Implementation Guide Create your project directories and root Configuring Core, Data, and DI Setting up the mono repo configuration.
- 14
Svelte vs React: Which framework to learn in 2023?
Svelte compiles with pure HTML, CSS, and JavaScript - React has way more libraries. React is a progressive JavaScript frontend framework that helps you build complex web UIs. It takes a more behind-the-scenes (magic) style approach where it interprets very basic-looking JavaScript code.
- 15
Javascript Interface(JSI): Overview and the need for re-architecture of react native
React Native is bundled with cross platform support, OTA updates, live reload, cost efficiency and cost efficiency. The biggest bottleneck in scaling react native applications has been the performance as you add more modules. But how the current architecture works? React Native architecture depends on three threads: a) UI thread.
- 16
Product Hunt·4y
Locofy.ai - Turn Figma designs into code: React, React Native, HTML-CSS+
Locofy.ai helps builders launch 3-4x faster by converting designs to production ready code. Try Figma to React, React Native, HTML-CSS, Next.js, Gatsby in FREE BETA! Tag responsive designs, make components, get a live-prototype & export code or direct deploy.
- 17
Why we ditched GraphQL for tRPC
GraphQL has been the API layer for dozens of apps developed by Echobind. Both GraphQL and tRPC are perfectly compatible with React and React Native and have first-party client-side library support. Both support end-to-end type checking, with GraphQL requiring a codegen step.
- 18
asayer·4y
React Fiber explained
Facebook began the creation of React Fiber in 2015(It is currently the default reconciler). The literal implementation of a fiber is an object. It is simply a Javascript object that contains information about a react component. The return fiber is the fiber to which the program should return after processing the current one.
- 19
DZone·3y
12 Essential Skills Your ReactJS Developers Should
This guide will explain the crucial React JS developer abilities to screen for when hiring a ReactJS developer. Read our in-depth recruiting guide to discover the greatest React skills for your team. Join the DZone community and get the full member experience.
- 20
Here's what every React Developer needs to know about TypeScript - Part 1
TypeScript is an open source language developed and maintained by Microsoft. It is a multi-paradigm language (like JavaScript) Allows the use of static types Extra features (generics, interfaces, tuples, etc) Allows for gradual adoption*.
- 21
React Native Example·4y
Pegava - A beautiful dating app made in React Native
Pegava is an open-source dating app for Android. The app was originally created during the pandemic but was never released. The project is under the The Creative Commons CC0 license. The full responsive design is located here: Figma link. Themes are according to system preferences: Light Mode.IOS.mp4, Dark Mode. IOS.MP4, etc.
- 22
How to Create Protected Routes in React with React-Router V6
React Router went through a ton of changes in version 6, and I mean a lot of changes so much so that if you weren't paying attention you'd probably think you are using a new library entirely! In this article, I show you how to build a react app with protected routes using react-router v6.
- 23
Best practices for styling React native apps
React native apps can be used independently and easily configurable so you can adjust for your needs and the specificities of the projects. Theming is a simple way to use a theme: a plain javascript object. Conditional styles with functions and typescript with a single function are the best ways to achieve multiples styles.
- 24
Why our websites are slow — Importance of bundle size
A new story tells the impact of bundle size on application performance and a mind-boggling story to understand why websites can be slow. The story begins way back exactly one year ago. For one year I have covered so many stories on react application optimisation but today I have a new perspective on seeing react applications.
- 25
