Required professional consultation in React
= = =
You need your time for 1-2 months for 2-3 times a week (in a convenient time) React lessons
- My level of React knowledge is now almost zero (see Vue projects earlier)
The foundation for learning React I have: coreJS (ES 6) has confident knowledge, on HTML/CSS there is experience of the layer
- in the classes I only "cross rocks" to explain you please + give a task for the next 2-3 days, the majority of the study is ready to go out on the own (noted: consultations with a professional shorten the process and give an idea of the realities, not pure book + sometimes 2 minutes of the mentor's response save 20 hours of my mining in search of why it doesn't work)
- I would like to move in classes on the structure of the books of Alex Banks, "React and Redux" or the books of Styan Stefanov "React.js Fast Start" (that some meaningful plan would be, and these books I have paper).But it is on your judgment.The title (no as an example plan) of both books I bring below, I can download the PDF files of books.- I offer 300 UAH for 1 hour of your time, if necessary, then ready to discuss the above payment.I can pay from the Private Bank card to any of your payment cards.- time and required level: now I am working at the Ukr. company in Kharkiv, but the project on the line has closed (aggression-war and so on).I gave me 4-5 weeks at work to basically react to learn what I want to do.Otherwise ... what I would like to avoid.)
- by my part, I guarantee payment and attention, I will not be loud at the classes (I try to get into the big part), I thank you in advance for getting into the basic React level.= = =
Alex Banks, “React and Redux”, 2018
= = =
1 .Welcome to React
Obstacles and difficulties
The Future of the React Library
You have to walk with time.
Working with files
2ndThe new syntax of JavaScript
Announcement of variables in ES6
Gun functions
Transmission of ES6
Objects and masses ES6
Promises
Classes
Modules of ES6
CommonJs
ThreeFunctional programming using JavaScript
The meaning of functionality
Comparison of imperativity with declarativity
Functional concepts
4 .Clean React
Configuration of page
The Virtual DOM
Elements of React
The ReactDom
The daughter elements
Construction of data elements
Components of React
Images of DOM
Factory
and 5.React with JSX
React elements in the form of JSX code
Advice for JSX
by Babel
Introduction to Webpack
6 .Properties, state and tree components
Verification of Properties
Links
Management of React Status
State inside the tree component
7 .Improvement of components
Life Cycles of Components
Connecting JavaScript libraries
The Supreme Order Components
Management of state outside of React
Flux
8 .Redux
The state
Actions
Transformers
The storage
Creators of Action
Functions of the intermediate line
The 9.The React Redux
Transparent transfer of storage
Transfer of storage through context
Comparison of presentation and container components
The React Redux
Connect React Redux Library
The 10.Testing
by ESLINT
Testing of Redux
Testing of React Components
Testing on the basis of instant state display (Snapshot Testing)
Use of code coverage data
11 of 11.Router React Router
Installation of the router
Invested routes
Parameters of the router
12 .React and Server
Comparison of isomorphism with universalism
The React code displayed on the server
Universal Organizer of Flowers
Exchange of data with the server
==========
Stefanov’s “React.js Fast Start”, 2020
= = =
Chapter 1 .Hello World
Installation
Hello, the world react
So what happened now.
The React.DOM
Special DOM attributes
Extension of the React DevTools
Next: Adjusted components
Chapter 2 .Life of the Component
The Minimum
Properties
The proptypes
The state
The textarea component that tracks its state
A little about the DOM events.
Processing of events in previous times
Processing of events in React
Comparison of properties and conditions
Properties in the original state: anti-shablon
Access to the component from the outside
Change of properties in summer
Methods of life cycle management
Examples of life cycle management
Total registration
Use of contamination
Application of the subsidiary component
Win in Performance: Preventing Component Updates
by PureRenderMixin
Chapter 3 .Excel: an unusual table component.
Let’s start with data.
Cycle of creation of tables
Removal to get rid of console warning.Addition of content
Sorting
Creating a sorting indication in the user interface
Editing of data
Edited cells
Field of Cells
Preservation
Conclusions and defining differences in virtual
The DOM models
Searching
Status and User Interface
Filtering of content
How can we improve the search?Instant reproduction
How can we improve reproduction?Is an alternative implementation possible?Downloading of the table
Chapter 4 .JSX
Welcome to JSX
Transmission of JSX
by Babel
The Customer Side
Conversion of JSX
JavaScript in JSX
Symbols in JSX
Comments on JSX
Elements of HTML
The Anti-XSS
Distributed attributes
Return to JSX of several nodes
Differences between JSX and HTML
It is not possible to use class, but what about for?Style is an object.
Closing tags
Attributes in the “verbs” register
JSX and Forms
Processor of events onChange
Comparison of value and default
The Importance of Component
The Importance of Component
Excel component in JSX
Chapter 5Settings for the development of the application
Typical application
Files and Folders
The index.html
CSS
by JavaScript
JavaScript: updated code
Implementation of mandatory instruments
The Node.js
Browserify
by Babel
React and others
We will collect
Transmission of JavaScript
Creating a JavaScript package
Creating a CSS package
The results!Version for Windows
Collection in the development process
dissolution
We go further
Chapter 6 .Creation of Application
by Whinepad v.0.0.1
Preparation for work
Begin with programming.
Components
Adjusted
The research
The component
by button.css
The Button.js
Forms
The component
The component
The component
The component
The component
Dialogue
Implementation of application
Excel: new and improved
The component
Submission of Results
Chapter 7 .Code quality verification, type conformity, testing, repeat package.json
Settings of Babel
Scenarios
The ESLint
Installation
launching
All the rules
The Flow
Installation
launching
Signature for verification of conformity of types
Correction of the component code
by app.js
Verification of the conformity of properties and conditions
Types of export and import
Introduction of Types
The Invariants
Testing
Installation
The first test
The first React test
Testing of the component
Testing of the component
Additional Imitated Interactions
Testing full interaction
Full coverage
Chapter 8Flux
The main intention
A different view of Whinepad
The storage
Events of storage
Use of storage in
Use of storage in
Use of storage in
Where to cross the border?Actions
CRUD actions
Search and sorting
Use of actions in
Use of action in component
And a little more about Flux.
The Immutable Library
Data storage when using the immutable library
Working with data when using the immutable library
Applications 1
-
1033 37 0 2 Hi, Alexander
My experience with React 3+ years.🙂Taije has experience in teaching students and conducting react courses
I will be glad to help.✅With respect to Alexander
-
452 3 0 Hello, I will be happy to help with the training. He faced a lot of interesting tasks on the reactors. to turn)
-
25 1 0 Hello to you! I have a great experience in training and mentoring in frontend development.
Under my start was released about 50 Jun, also worked in skyeng as a web development teacher
-
413 4 0 Entirely ready to help. I have been working with React and React Native for a long time. We can do 2-3 times a week.
-
313 4 1 Hello, I have a free time.
I have a lot of closed projects on the reaction.
My site is: https://github.com/VadimChorrny
Write in a personal message, we will take 3-4 times a week
Current freelance projects in the category Javascript and Typescript
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5770 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 4 days 19 hours back ∙ 112 proposals |
Gsap animations
22 USD
Good day. Corrections need to be made in the current project. A specialist is needed who works well with gsap/lenis. Animation of cards needs to be done. Detailed specifications here:… Javascript and Typescript, Web Programming ∙ 5 days 1 hour back ∙ 21 proposals |
I am looking for a mentor with Claude Code to launch a web project from scratch.Brief about the task: I am a beginner with no programming experience. I have a ready specification for website development (42 pages, Next.js, PostgreSQL). I want to implement it myself using Claude Code - I need a specialist who will set up the environment and teach me how to… Javascript and Typescript, Tuition ∙ 7 days back ∙ 19 proposals |
Website design updateIt is necessary to update the design of the existing website using HTML, CSS, JS: refresh the appearance, make it modern and responsive for mobile devices. Smooth animations and interactive elements need to be added. HTML & CSS, Javascript and Typescript ∙ 7 days 17 hours back ∙ 96 proposals |
Consultation and audit of the current project on Odoo 19 Community EditionWe are looking for an Odoo Developer — a solo developer with experience in Odoo 19 Community Edition, including using Claude Code. We need a specialist who has successfully implemented projects in Odoo and practical experience in development using Claude Code. Important: we only… C & C++, Javascript and Typescript ∙ 7 days 23 hours back ∙ 8 proposals |