rojo 7.6.1

Enables professional-grade development tools for Roblox developers
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85

return function()
	local PlayerGui = game:GetService("Players").LocalPlayer.PlayerGui

	local Roact = require(game.ReplicatedStorage.Roact)

	--[[
		A TextBox that the user can type into. Takes a callback to be
		triggered when text changes.
	]]
	local function InputTextBox(props)
		local onTextChanged = props.onTextChanged
		local layoutOrder = props.layoutOrder

		return Roact.createElement("TextBox", {
			LayoutOrder = layoutOrder,
			Text = "Type Here!",
			Size = UDim2.new(1, 0, 0.5, 0),
			[Roact.Change.Text] = onTextChanged,
		})
	end

	--[[
		A TextLabel that display the given text in reverse.
	]]
	local function ReversedText(props)
		local inputText = props.inputText
		local layoutOrder = props.layoutOrder

		return Roact.createElement("TextLabel", {
			LayoutOrder = layoutOrder,
			Size = UDim2.new(1, 0, 0.5, 0),
			Text = "Reversed: " .. inputText:reverse(),
		})
	end

	--[[
		Displays a TextBox and a TextLabel that shows the reverse of
		the TextBox's input in real time
	]]
	local TextReverser = Roact.Component:extend("TextReverser")

	function TextReverser:init()
		self.state = {
			text = "",
		}
	end

	function TextReverser:render()
		local text = self.state.text

		return Roact.createElement("Frame", {
			Size = UDim2.new(0, 400, 0, 400),
			Position = UDim2.new(0.5, 0, 0.5, 0),
			AnchorPoint = Vector2.new(0.5, 0.5),
		}, {
			Layout = Roact.createElement("UIListLayout", {
				SortOrder = Enum.SortOrder.LayoutOrder,
			}),
			InputTextBox = Roact.createElement(InputTextBox, {
				layoutOrder = 1,
				onTextChanged = function(rbx)
					self:setState({
						text = rbx.Text or "",
					})
				end,
			}),
			ReversedText = Roact.createElement(ReversedText, {
				layoutOrder = 2,
				inputText = text,
			}),
		})
	end

	local app = Roact.createElement("ScreenGui", nil, {
		TextReverser = Roact.createElement(TextReverser),
	})

	local handle = Roact.mount(app, PlayerGui)

	local function stop()
		Roact.unmount(handle)
	end

	return stop
end