react-nativeA framework for building native applications using React
love React, so in love with React Native also. using from the past 2 years now.
you can reuse the same business logic In both web and mobile apps, only need to change basically is render function ( no easy task though ).
UI elements provided by react-native are native UI elements, not the web elements.
you can use java or kotlin code via react bridge.
CodeRush by Microsoft is a blessing in disguise.
Mastering is easy but there are two types of mastery . one is as a framework and the second is the performance in react native. anyone can learn to develop using react-native but to get the best performance you have to work hard.
flutter is a better choice nowadays but doesn't support code push and needs to learn dart.
knexA query builder for PostgreSQL, MySQL, SQL Server, SQLite3 and Oracle, designed to be flexible, portable, and fun to use.
When dealing with different databases and every time you have to recall different querying methods for a different type of db, but knex made it very easy, when I constantly keep on switching DBS in different projects, knex keep me good on the DB part and I have less number of confusions while dealing with the data part.
I used this tool once to complete a project. I needed to create a react native app and the client provided me HTML website which was developed for mobile.
we needed it to deliver it very fast and there was not so much user interaction. you can say it was a static app.
at first, we thought to use web view but it was a fail then I came across this package and it worked like charm.
you can render HTML and It does not use web view but somehow it converts it to react-native components at least it felt like it.
documentation shows almost every possible example and it was very good because when your module is not popular it's tough to find examples on the internet
@angular/coreThe modern web developer’s platform
I personally feel that Angular is outdated. keep up with Angular is a pain. every time a new version released it seriously gave me goosebumps. what a dependency owner decided to upgrade his module what will I do?
as we know all dependencies should be on the same angular version. I used it for 1 year and I don't know that it was a genuine problem with everyone or I was the only one suffering due to lack of experience.
Plus point is It provides a structure that is missing in React. which is a double-edged sword, experience developer
will enjoy freedom in structureless approach, a beginner will cry
prop-typesRuntime type checking for React props and similar objects
at first, I faced a lot of typos due to the types of props. the component needs an integer I am passing a string. beginners problem. I knew about typescript but didn't want to use it because the only thing I needed from typescript was strict type checking. to include the entire library just for this was not sitting well with me.
this module comes with react if you create your project using CRA.
it actually solves the problem I was facing, you can define what kind of props you want to receive in which format and in which data type.
it only enables my vscode to show suggestions as well.
downshift🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
rating it 4, not 5 because I personally find it hard to use. you can say that it's due to my inexperience but I still.
I wanted a searchable dropdown for not only react but for vanilla js as well. problem with all others as they were not so customizable and if they were. it was confusing.
downshift not only solved my problem but also show me another way of writing components. I am a fan because I can customize it in any way I want. Logic is well hidden behind components and UI is in your total control.
documentation can be improved as well. you need a dropdown to go for this
I have two words to describe it awesome but tough to use.
although you can google almost every problem and get a solution very fast and every time. this shows what a popular tool it is.
it does the job of bundling files but too much complex to my taste. there are other options like the parcel.js is available but somehow I still end up using webpack for all my side projects.
the configuration is tough and in times like these when I work with react I need at least three-module which needs configuration like back, selling and preetier
semantic-ui-cssCSS Only distribution
I used it for side projects and loved it.
but it can use a little bit of attention. 3 years ago documentation was not so good, it took me a whole day to debug why I was not able to use it ina fresh project, turned out I was missing a line which indeed to include in my HTML.
in the case of react, we don't use HTML much. there should have a special note indicating that.
I didn't like the grid system. bootstrap grid was better than sementic UI.
the number of components should increase and a lot more components will be nice.
first thing first it's way too hard to use and master. I mean sure some level of complexity is welcome to achieve performance, but this is too much. the first folder structure will kill you. you need to create reducers, actions.
as the project grows these folders need to breakdown also like break reducers and actions in domain-specific folders and use root reducer to combine them.
performance is top-notch no doubt but there are other libraries now days especially for react which can solve the same problem by easy manner
react-reduxOfficial React bindings for Redux
first after learning redux. I tried to implement it without any library.
it was a pain. to subscribe and unsubscribe my component when they are on-screen or move from the screen.
keep track of the components on the screen and subscription function. I tried this library and I sm in love since then. connect components with redux is so easy. uses higher-order functions to keep redux logic behind the scene.
passing state as props and mapping dispatch functions also very smooth. all you need to keep in mind is IMMUTABILITY