• React Token Auth


    Problem


    Authorization is one of the first problems developers face upon starting a new project. And one of the most common types of authorization (from my experience) is the token-based authorization (usually using JWT).


    From my perspective, this article looks like "what I wanted to read two weeks ago". My goal was to write minimalistic and reusable code with a clean and straightforward interface. I had the next requirements for my implementation of the auth management:


    • Tokens should be stored in local storage
    • Tokens should be restored on page reload
    • Access token should be passed in the network requests
    • After expiration access token should be updated by refresh token if the last one is presented
    • React components should have access to the auth information to render appropriate UI
    • The solution should be made with pure React (without Redux, thunk, etc..)
    Read more →
  • Top 5 ReactJS Development Companies

      image

      ReactJS is an open-source JavaScript library designed by Facebook for developing rich and engaging web apps efficiently and quickly with minimal coding.

      The core task of ReactJS is providing the best possible rendering performance. Its strength comes from the focus on the individual elements. Instead of working on the complete web app, ReactJS allows a programmer to break down the complex UI into simpler elements.

      As per a survey conducted by The State of Javascript, React JS has surpassed Angular and others in becoming the most loved Javascript library.

      image

      Read more →
    • React benefits: A blessing for Businesses?

        Launched in 2013, React has been successfully used to develop 1,004,124 websites in the past 6 years. The Javascript library React JS is known for giving simple programming experience and improved performance.

        It was released by Facebook to resolve the issues of coding and maintenance with their ads. It was developed with an intention to increase and manage Facebook ads traffic. React has successfully delivered the expected outcomes throughout its journey.
        Read more →
      • React Native Introduces new version 0.60 | React Native updates & Features

          React Native is the best open-source framework for Mobile App Developers that proved to be an advanced platform. Developed and promoted by Facebook, React Native became the most leading platform in the market. It can deliver apps on any platform with excellent performance and reliability. The ultimate aim of React Native is to cut down the reliance on web technologies like HTML and boost more dependence on native app development.

          Upgrades are all about exciting features from the old version. We update our mobile applications regularly to check the new features in different apps. Comparing to the 0.59 version, React Native 0.6 update has some great features in the list that will make the react native app development process quite smoother and easier.

          For each reacts native developer, all the improvements play a crucial role, so we’ve drafted some exciting features that will make the process quite simple.
          Read more →
        • Vue.js Is Good, But Is It Better Than Angular or React?

          Vue.js is a JavaScript library for building web interfaces. Combining with some other tools It also becomes a “framework”. Now, from our last blog, you already know that Vue.js is one of the top JavaScript frameworks and it is replacing Angular and React in many cases. This brings in the topic of this blog ‘Vue.js is good, but is it better than Angular or React?


          In case you’ve never heard or used Vue.js before, you are probably thinking: Come on! yet another JavaScript framework! We get it. However, Vue.js is not new in the custom software development domain. It was first released in 2013 and now it has 130549 stars on Github and downloaded a number of times this year.
          Read more →
        • AdBlock has stolen the banner, but banners are not teeth — they will be back

          More
          Ads
        • Modern Environment for React Native Applications

          In this article, we will consider the process of setting up a React Native environment using expo-cli, Typescript, and Jest.
          Typescript will help us avoid development mistakes and write a more efficient mobile application.

          Modern tools allow integrating Typescript into the development environment. We can also use VS Code that supports Typescript.

          Integration with React Native will give us the opportunity to use the auto-completion service, code navigation, and refactoring.

          Expo is a toolkit that simplifies the creation of native React applications. This tutorial will give you an idea of how you can quickly create native React applications using Expo.


          Read more →
        • Enhancing Magento Front-end Performance With ReactJS

            Magento


            Magento is an open-source PHP based platform for building e-commerce solutions. Built by the Magento company (now part of Adobe), it is used by over 350,000 developers all over the world. It enables the creation of highly customizable digital storefronts for Business-to-Customer and Business-to-Business purposes. Magento 2, the transformed version of the Magento E-commerce Platform, comes with brand new architecture, coding structure, and database design.

            a) General overview

            Magento’s platform is built upon PHP and MySQL. During its lifetime of 10 years (the version 1.0 released in March 2008 and the version 2.0 in November 2015, it has undergone changes in terms of structure and development patterns and is now in its second major version, Magento 2.

            Magento’s structure is comprised of two main parts, one being the back-end, with the database and MySQL, and Model, Data and Service interfaces, as can be seen in figure 3. These are directly connected and used in Magento’s Blocks, Layouts, and Templates, which would be defined as the front-end of the application.
            Read more →
          • It's high time to become part of an open source project

              JavaScript developers, I am working on an exciting opensource project pursuing two goals:

              1. Learning best practices in JavaScript/NodeJS
              2. Helping developers and myself to develop and launch MVPs to validate ideas quickly.

              As developers, we have tons of ideas and would be awesome to have a simple tool to scaffold a secure project quickly, add a couple of forms, some project specific logic, and here you go — deploy and test your idea.
              Read more →
            • ANPR using RoR & React Native

              Danny Krastev, Mirabbos Umarov, Ekaterina Menshenina, ITMO University, Info communication Systems, Computer Science. 2019

              image

              Abstract


              Due to the never-ending increase in volume of vehicles surrounding our daily lives, Automatic Number Plate Recognition (ANPR), has become an evolving solution for managing and monitoring vehicles worldwide to enforce rules and prevent criminal activities, such as parking violation, red light violation, speeding, and vehicle theft. Although there is already a variety of public and private methods and libraries that have been developed and are used to achieve the automatic recognition of car license plate numbers around the world, there has not been much focus on making advancements toward a cross platform ANPR solution that supports all vehicle license plates worldwide. This paper introduces the Plate Vision project, a web and mobile application built on Ruby on Rails and React Native, which aims to serve as an alternative ANPR platform that supports detection of all license plates worldwide by utilizing various open source optical character recognition (OCR) libraries and making efficiency optimizations.

              Key words and phrases: ruby, rails, react native, license plate recognition, plate region extraction, optical character recognition (OCR), ANPR.
              Read more →
            • Sidecar for a Code splitting


                Code splitting. Code splitting is everywhere. However, why? Just because there is too much of javascript nowadays, and not all are in use at the same point in time.


                JS is a very heavy thing. Not for your iPhone Xs or brand new i9 laptop, but for millions(probably billions) of slower devices owners. Or, at least, for your watches.


                So — JS is bad, but what would happen if we just disable it — the problem would be gone… for some sites, and be gone "with sites" for the React-based ones. But anyway — there are sites, which could work without JS… and there is something we should learn from them...

                Get in the sidecar!
              • React Code Splitting in 2019

                  It's 2019! Everybody thinks they know code splitting. So - let's double check!



                  What does code splitting stand for?


                  In short – code splitting is just about not loading a whole thing. Then you are reading this page you don't have to load a whole site. When you are selecting a single row from a database – you don't have to take all.
                  Obvious? Code splitting is also quite obvious, just not about your data, but your code.

                  Read more →
                • Functional components with React Hooks. Why it's better?

                    When React.js 16.8 was released we got the opportunity to use React Hooks. Hooks make us able to write fully-functional components using functions. We can use all React.js features and do in in more convenient way.


                    A lot of people don't agree with Hooks conception. In this article I'd like to tell about some important advantages React Hooks give you and why we need to write with Hooks.


                    I will not talk about how to use hooks. It is not very important for the examples. If you want to read something on this topic, you can use official documentation. Also, if this topic will be interesting for you, I will write more about Hooks.

                    Read more →
                  • Translating Dust templates to JSX



                      Hello Habr! I'm Miloš from Badoo, and this is my first Habr post, originally published in our tech blog. Hope you like it, and please share and comment if you have any questions

                      So… React, amirite???

                      It appeared in the middle of the decade (plagued by the endless JavaScript framework wars), embraced the DOM, shocked everyone by mixing HTML with JavaScript and transformed the web development landscape beyond recognition.

                      All those accomplishments, without even being a framework.

                      Love it or hate it, React does one job really well, and that is HTML templating. Together with a great community and a healthy ecosystem, it’s not hard to see why it became one of the most popular and influential JavaScript libraries, if not the most popular one of all.
                      Read more →
                    • (in)Finite War

                        infitite war


                        We have a problem. The problem with testing. The problem with testing React components, and it is quite fundamental. It’s about the difference between unit testing and integration testing. It’s about the difference between what we call unit testing and what we call integration testing, the size and the scope.


                        It's not about testing itself, but about Component Architecture. About the difference between testing components, standalone libraries, and final applications.


                        Everyone knows how to test simple components(they are simple), probably know how to test Applications(E2E). How to test Finite and Infinite things…

                        But... no, nobody knows actually.