Next.js·4yBlog - Next.js 12
Next.js 12 includes a brand new Rust compiler that takes advantage of native compilation. We've optimized bundling and compiling with ~3x faster refresh locally and ~5x faster builds for production. Native Next.js APIs are now supported, as well as Suspense <Image /> AVIF Support.
Product Hunt·5yAtropos - Touch-friendly 3D parallax hover effects
Atropos is a lightweight, free and open-source JavaScript library. It can be used to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React and Vue.js Embed this post on your site. For more information, visit Atropos.
Hacker News·4yReact Docs Beta
Learn how to think in React with step-by-step explanations and interactive examples. All explanations are written using Hooks rather than classes. We’ve added interactive examples and visual diagrams. Guides include challenges (with solutions!) to check your understanding. This is a beta website. There will be bugs, performance issues, and missing content.
React Native Example·4yLiquid swipe effect in React Native
CNN.com will feature iReporter photos in a weekly Travel Snapshots gallery. Please submit your best shots for next week. Visit CNN.com/Travel each week for a new gallery of snapshots. Visit www.dailymail.co.uk/travel next Wednesday for our next gallery.
ITNEXT·5yReact Project Architecture
Context shouldn’t be considered like ‘all the wrapper around entire project’ When complexity of project increase; structures which has connection with logic are increase in number too. Context takes the role of communication between these parts. For example; if you need communication in components and pages on the messaging module; you can create MessagesContext structure and create independent work logic.
Bits and Pieces·5y5 Methods to Reduce JavaScript Bundle Size
5 techniques to reduce the JavaScript bundle size to avoid any performance bottlenecks. Code splitting with Webpack allows you to separate your code into bundles and load them on-demand. Tree shaking is a technique used to eliminate dead codes, and Webpack provides several plugins to implement it. Using Alternative Libraries and Removing Duplicates helps to address performance issues easily.
React Native Example·4yA beautiful animated app concept built with React Native
A beautiful animated app concept built with React Native.Installation: clone the repo, install or run the app from the project directory. Use Twitter, Instagram, or Facebook to interact with the app. Use the GitHub repository to help people with the project. The app is available on iOS and Android.
freeCodeCamp·4yHow to Secure Your React.js Application
React.js is a scalable open-source JavaScript library and is one of the most commonly used front-end frameworks out there today. It's dynamic and is easy to get started with if you want to create interactive web applications with reusable components. But there are some thing you need to be aware of when using it for your projects.
InfoQ·4yFacebook CSS-in-JS Solution Stylex Introduced at React Finland 2021
QCon Plus (November 1-12) and stay ahead of the tech that matters to keep your skills fresh. Facilitating the spread of knowledge and innovation in professional software development. Rosaria Silipo on Codeless Deep Learning and Visual Programming. EBPF enables high-performance tools to connect, manage and secure applications in the cloud.
DEV·4yWhy choose React for frontend?
React is an efficient, declarative, and flexible open-source JavaScript library for building simple, fast, and scalable frontends of web applications. It is a stronger framework because of its ability to break down the complex interface and allow users to work on individual components. Currently React is used by many fortune 500 companies including Airbnb, Tesla, Tencent QQ, and Walmart.
freeCodeCamp·4yHow to Use the Adapter Design Pattern in React
Kenneth Angelo Reyes is the author of the popular book, "Designing for the Web" He is also the co-founder of React, a React-based social network. He has written several books on React, including a book on the design patterns used in React. His most recent book is "React: The Architecture of a Social Network"
Medium·4yDo You Know the 5 Types of States in React?
Do You Know the 5 Types of States in React? The helping guide to know your states in React better. Vithushan Jey explains the types of states such as Logical, Server, Form, Navigation, and Browser. Also, it will help 25.12% of the developers who would like to learn React.
freeCodeCamp·4yLearn React by Building an eCommerce Site
React is one of the most popular front-end frameworks for JavaScript. This course will teach you how to use React by building an e-Commerce application with class components. The course covers topics such as component basics, rendering various items in components, parent-to-child component communication, lifecycle methods, forms, and basic routing.
React Native·5yAnnouncing React Native 0.66 · React Native
React Native v0.66 for Android 12 and iOS 15 support alongside fixes and general updates. New app template now includes a CocoaPods workaround (thanks to @mikehardy!). New Bluetooth permissions on Android and we plan to update the targetSDKVersion to 31 in the next release.
JavaScript in Plain English·4yI made a top-down game version of my blog with Phaser and React
I made a top-down game version of my blog with Phaser and React. The idea was born when I added Konami Code to my website. All the blog data is available in React via GraphQL anyway. Using the grid-engine Phaser plugin is easy-peasy, just configure your game to use arcade physics.
DEV·4yReact with Typescript
A single page web application will contain two components. One is a form where a user will give necessary inputs about his favourite series and another is a list containing those serieses. The data will be stored in a state named seriesList and updated with the help of setSeriesList method.
The New Stack·5yAll About Svelte, the Much-Loved, State-Driven Web Framework – The New Stack
Svelte is an open source web user interface framework for defining a web interface with components. It is implemented as a compiler, written in TypeScript, and is designed to do as much of the work as it can at build time, rather than in the browser. The framework is being used by a range of companies, including Apple and Spotify.
freeCodeCamp·5yReact.useEffect Hook – Common Problems and How to Fix Them
React.useEffect Hook – Common Problems and How to Fix Them. Iva Kop – Common problems and how to fix them. React.use effect Hook – How to fix common problems andHow to Fix them. iReport.com: Do you have a problem with React? Share your story.
RUBYLAND·5yFrontend JavaScript News Brief (Q3 2021)
Honeybadger's quarterly briefings keep you up to date on the most important developments in your programming communities. We curate the news so you can spend more time focusing on what's really important. Upcoming and recently completed Conferences and meetups. Recent vulnerability reports. Summaries of the big topics everyone's talking about.
DEV·5yReact Project Architecture
I’ve been developing applications with React for a long time and I’m loving it more and more. React is such an amazing library for creating application architecture. It’s offering the opportunity of applying basic software principles (like SOC , like SOLID ..) on our project and keeping codebase clean even if our project scale grows.
DEV·4yHow to Turn Google Sheets into a REST API and Use it with a React Application
Semantic UI is a framework used to design and develop beautiful and responsive layouts. It has components for Buttons, Containers, Lists, Inputs, and much more. Posting data to API's has never been easy. Have you ever used React to post form data to Google Sheets? If not, then this tutorial is for you.
CSS-Tricks·5yLinks on React and JavaScript II
React is the web's most popular framework. Frontend Masters has the best courses on the web for React. Includes a complete learning course from the best teachers in JavaScript. Wanna learn React deeply? Take our React deep learning course. Back to Mail Online home. back to the page you came from.
